Changeset 13690

Timestamp:

05/11/08 23:26:08 (6 months ago)

Author:

bill

Message:

Fix FloatingPane? and SortList? to use tundra sprite image arrows.
Since these arrows are float:right they can't be vertical-align: middle so instead using the trick of a   to make height==surrounding div height, and then vertical background-align is "center".
Refs #6649.

Location:

dojox/trunk

Files:

• layout/resources/FloatingPane.css (modified) (3 diffs)
• layout/resources/FloatingPane.html (modified) (1 diff)
• widget/SortList/SortList.css (modified) (1 diff)
• widget/SortList/SortList.html (modified) (1 diff)

dojox/trunk/layout/resources/FloatingPane.css

@@ -47 +47 @@
 
 .dojoxFloatingMinimizeIcon {
-        background:url('../../../dijit/themes/tundra/images/arrowDown.png') no-repeat center center; 
-        width:16px;
-        height:16px; 
+        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; 
+        width:7px;
+        margin: 0px 4px;
         overflow:hidden;
         float:right; 
@@ -60 +60 @@
 .floatingPaneMaximized .dojoxFloatingMaximizeIcon { display:none; }
 .dojoxFloatingMaximizeIcon {
-        background:url('../../../dijit/themes/tundra/images/arrowUp.png') no-repeat center center;
-        width:16px;
-        height:16px;
+        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat -21px center;
+        width:7px;
+        margin: 0px 4px;
         overflow:hidden;
         float:right;    
@@ -72 +72 @@
 .floatingPaneMaximized .dojoxFloatingRestoreIcon { display:inline; }
 .dojoxFloatingRestoreIcon {
-        background:url('../../../dijit/themes/tundra/images/arrowDown.png') no-repeat center center;
-        width:16px; height:16px;
-        overflow:hidden; 
+        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; 
+        width:7px;
+        margin: 0px 4px;
         float:right;
         display:none;

dojox/trunk/layout/resources/FloatingPane.html

@@ -2 +2 @@
         <div tabindex="0" waiRole="button" class="dojoxFloatingPaneTitle" dojoAttachPoint="focusNode">
                 <span dojoAttachPoint="closeNode" dojoAttachEvent="onclick: close" class="dojoxFloatingCloseIcon"></span>
-                <span dojoAttachPoint="maxNode" dojoAttachEvent="onclick: maximize" class="dojoxFloatingMaximizeIcon"></span>
-                <span dojoAttachPoint="restoreNode" dojoAttachEvent="onclick: _restore" class="dojoxFloatingRestoreIcon"></span>        
-                <span dojoAttachPoint="dockNode" dojoAttachEvent="onclick: minimize" class="dojoxFloatingMinimizeIcon"></span>
+                <span dojoAttachPoint="maxNode" dojoAttachEvent="onclick: maximize" class="dojoxFloatingMaximizeIcon">&thinsp;</span>
+                <span dojoAttachPoint="restoreNode" dojoAttachEvent="onclick: _restore" class="dojoxFloatingRestoreIcon">&thinsp;</span>        
+                <span dojoAttachPoint="dockNode" dojoAttachEvent="onclick: minimize" class="dojoxFloatingMinimizeIcon">&thinsp;</span>
                 <span dojoAttachPoint="titleNode" class="dijitInline dijitTitleNode"></span>
         </div>

dojox/trunk/widget/SortList/SortList.css

@@ -44 +44 @@
 .tundra .sortListIcon { 
         float:right;
-        height:16px; 
-        width:16px;
+        background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat;
+        width: 7px;
 }
 .tundra .sortListDesc .sortListIcon {
-        background:url('../../../dijit/themes/tundra/images/arrowDown.png') no-repeat center center;
+        background-position: 0px center;
 }
 .tundra .sortListAsc .sortListIcon {
-        background:url('../../../dijit/themes/tundra/images/arrowUp.png') no-repeat center center;
+        background-position: -21px center;
 }
 

dojox/trunk/widget/SortList/SortList.html

@@ -1 +1 @@
 <div class="sortList" id="${id}">
                 <div class="sortListTitle" dojoAttachPoint="titleNode">
-                <div class="sortListIcon"></div>
+                <div class="dijitInline sortListIcon">&thinsp;</div>
                 <span dojoAttachPoint="focusNode">${title}</span>
                 </div>