| [qo-modules-dev] [54] fix css issue with all taskBar button (1 px on bottom and top) |
[ Thread Index |
Date Index
| More lists.tuxfamily.org/qo-modules-dev Archives
]
Revision: 54
Author: ytorres
Date: 2008-12-07 08:39:01 +0100 (Sun, 07 Dec 2008)
Log Message:
-----------
fix css issue with all taskBar button (1 px on bottom and top)
Modified Paths:
--------------
mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css 2008-12-06 14:17:25 UTC (rev 53)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css 2008-12-07 07:39:01 UTC (rev 54)
@@ -30,6 +30,32 @@
/* padding:2px;*/
}
+/* We must hidde new container top & bottom for all taskbar button to avoide one pixel show on top and bottom */
+#ux-taskbuttons-panel .x-btn-tl,
+#ux-taskbuttons-panel .x-btn-tc,
+#ux-taskbuttons-panel .x-btn-tr,
+#ux-taskbuttons-panel .x-btn-bl,
+#ux-taskbuttons-panel .x-btn-bc,
+#ux-taskbuttons-panel .x-btn-br,
+
+#ux-quickstart-panel .x-btn-tl,
+#ux-quickstart-panel .x-btn-tc,
+#ux-quickstart-panel .x-btn-tr,
+#ux-quickstart-panel .x-btn-bl,
+#ux-quickstart-panel .x-btn-bc,
+#ux-quickstart-panel .x-btn-br,
+
+#ux-systemtray-panel .x-btn-tl,
+#ux-systemtray-panel .x-btn-tc,
+#ux-systemtray-panel .x-btn-tr,
+#ux-systemtray-panel .x-btn-bl,
+#ux-systemtray-panel .x-btn-bc,
+#ux-systemtray-panel .x-btn-br {
+ visibility: hidden;
+}
+
+
+
/*
* This one is used to help cover up the vertical line in a menu that
* would otherwise run through any text in the context menu.
@@ -209,6 +235,7 @@
#ux-taskbuttons-panel .x-btn-mc{
background-position:0 -56px;
}
+
#ux-taskbuttons-panel .x-btn-over .x-btn-ml{
background-position:0 -252px;
}
@@ -218,6 +245,7 @@
#ux-taskbuttons-panel .x-btn-over .x-btn-mc{
background-position:0 -308px;
}
+
#ux-taskbuttons-panel .x-btn-click .x-btn-ml{
background-position:0 -168px;
}
@@ -227,18 +255,18 @@
#ux-taskbuttons-panel .x-btn-click .x-btn-mc{
background-position:0 -224px;
}
-#ux-taskbuttons-panel .active-win .x-btn-ml{
+
+#ux-taskbuttons-panel .x-btn-pressed .x-btn-ml{
background-position:0 -84px;
}
-#ux-taskbuttons-panel .active-win .x-btn-mr{
+#ux-taskbuttons-panel .x-btn-pressed .x-btn-mr{
background-position:0 -112px;
}
-#ux-taskbuttons-panel .active-win .x-btn-mc{
+#ux-taskbuttons-panel .x-btn-pressed .x-btn-mc{
background-position:0 -140px;
}
-/*#ux-taskbuttons-panel .active-win .x-btn-mc button {*/
-#ux-taskbuttons-panel .active-win .x-btn-mc button {
- color:red;/*#fff;*/
+#ux-taskbuttons-panel .x-btn-pressed .x-btn-mc button {
+ color:#fff;
}
/* end: taskbutton */
@@ -638,16 +666,16 @@
#ux-taskbar-start .x-btn-click .x-btn-mc{
background-position:0 -240px;
}
-#ux-taskbar-start .active-win .x-btn-ml{
+#ux-taskbar-start .x-btn-pressed .x-btn-ml{
background-position:0 -90px;
}
-#ux-taskbar-start .active-win .x-btn-mr{
+#ux-taskbar-start .x-btn-pressed .x-btn-mr{
background:url(../images/default/taskbar/startbutton.gif) no-repeat 0 -120px;
}
-#ux-taskbar-start .active-win .x-btn-mc{
+#ux-taskbar-start .x-btn-pressed .x-btn-mc{
background:url(../images/default/taskbar/startbutton.gif) repeat-x 0 -150px;
}
-#ux-taskbar-start .active-win .x-btn-mc button {
+#ux-taskbar-start .x-btn-pressed .x-btn-mc button {
color:#fff;
}
#ux-taskbar-start .x-btn-text-icon .x-btn-with-menu .x-btn-mc em {
@@ -657,8 +685,8 @@
}
/* End: startbutton */
-/* Begin QuickStart button */
-#ux-quickstart-panel .x-btn-icon .x-btn-mc .x-btn-text{
+/* Begin QuickStart /SYstemTray button */
+#ux-quickstart-panel .x-btn-icon .x-btn-mc .x-btn-text, #ux-systemtray-panel .x-btn-icon .x-btn-mc .x-btn-text {
background-position: center;
background-repeat: no-repeat;
height: 16px;
@@ -667,28 +695,28 @@
white-space: nowrap;
padding:0;
}
-#ux-quickstart-panel .x-btn-ml, #ux-quickstart-panel .x-btn-mr{
+#ux-quickstart-panel .x-btn-ml, #ux-systemtray-panel .x-btn-ml {
font-size:1px;
line-height:1px;
}
-#ux-quickstart-panel .x-btn-ml{
+#ux-quickstart-panel .x-btn-ml, #ux-systemtray-panel .x-btn-ml {
width:4px;
height:28px;
background:url(../images/default/taskbar/quickstart-button.gif) no-repeat 0 0;
}
-#ux-quickstart-panel .x-btn-mr{
+#ux-quickstart-panel .x-btn-mr, #ux-systemtray-panel .x-btn-mr {
width:4px;
height:28px;
background:url(../images/default/taskbar/quickstart-button.gif) no-repeat 0 -28px;
}
-#ux-quickstart-panel .x-btn-ml i, #ux-quickstart-panel .x-btn-mr i{
+#ux-quickstart-panel .x-btn-ml i, #ux-systemtray-panel .x-btn-ml i{
display:block;
width:4px;
overflow:hidden;
font-size:1px;
line-height:1px;
}
-#ux-quickstart-panel .x-btn-mc{
+#ux-quickstart-panel .x-btn-mc, #ux-systemtray-panel .x-btn-mc {
background:url(../images/default/taskbar/quickstart-button.gif) repeat-x 0 -56px;
vertical-align: middle;
text-align:center;
@@ -696,43 +724,55 @@
cursor:pointer;
white-space:nowrap;
}
-#ux-quickstart-panel .x-btn-ml{
+#ux-quickstart-panel .x-btn-ml, #ux-systemtray-panel .x-btn-ml {
background-position:0 0;
}
-#ux-quickstart-panel .x-btn-mr{
+#ux-quickstart-panel .x-btn-mr, #ux-systemtray-panel .x-btn-mr {
background-position:0 0;
}
-#ux-quickstart-panel .x-btn-mc{
+#ux-quickstart-panel .x-btn-mc, #ux-systemtray-panel .x-btn-mc {
background-position:0 0;
}
#ux-quickstart-panel .x-btn-over .x-btn-ml,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-ml{
+#ux-quickstart-panel .x-btn-menu-active .x-btn-ml,
+#ux-systemtray-panel .x-btn-over .x-btn-ml,
+#ux-systemtray-panel .x-btn-menu-active .x-btn-ml {
background-position:0 -250px;
}
#ux-quickstart-panel .x-btn-over .x-btn-mr,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-mr{
+#ux-quickstart-panel .x-btn-menu-active .x-btn-mr,
+#ux-systemtray-panel .x-btn-over .x-btn-mr,
+#ux-systemtray-panel .x-btn-menu-active .x-btn-mr{
background-position:0 -279px;
}
#ux-quickstart-panel .x-btn-over .x-btn-mc,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-mc{
+#ux-quickstart-panel .x-btn-menu-active .x-btn-mc,
+#ux-systemtray-panel .x-btn-over .x-btn-mc,
+#ux-systemtray-panel .x-btn-menu-active .x-btn-mc{
background-position:0 -308px;
}
-#ux-quickstart-panel .x-btn-click .x-btn-ml{
+#ux-quickstart-panel .x-btn-click .x-btn-ml,
+#ux-systemtray-panel .x-btn-click .x-btn-ml{
background-position:0 -163px;
}
-#ux-quickstart-panel .x-btn-click .x-btn-mr{
+#ux-quickstart-panel .x-btn-click .x-btn-mr,
+#ux-systemtray-panel .x-btn-click .x-btn-mr{
background-position:0 -192px;
}
-#ux-quickstart-panel .x-btn-click .x-btn-mc{
+#ux-quickstart-panel .x-btn-click .x-btn-mc,
+#ux-systemtray-panel .x-btn-click .x-btn-mc{
background-position:0 -221px;
}
-#ux-quickstart-panel .active-win .x-btn-ml{
+#ux-quickstart-panel .x-btn-pressed .x-btn-ml,
+#ux-systemtray-panel .x-btn-pressed .x-btn-ml{
background-position:0 -84px;
}
-#ux-quickstart-panel .active-win .x-btn-mr{
+#ux-quickstart-panel .x-btn-pressed .x-btn-mr,
+#ux-systemtray-panel .x-btn-pressed .x-btn-mr{
background-position:0 -112px;
}
-#ux-quickstart-panel .active-win .x-btn-mc{
+#ux-quickstart-panel .x-btn-pressed .x-btn-mc,
+#ux-systemtray-panel .x-btn-pressed .x-btn-mc{
background-position:0 -140px;
}
/* End: QuickStart button */