Changeset 13689

Timestamp:

05/11/08 23:21:31 (6 months ago)

Author:

bill

Message:

Remove old arrow image files in favor of sprite file (except for ComboBox? still using special image).

Also made sprites square rather than rectangular (arrows still the same shape, but cenetered vertically in the image files now) to make CSS easier.

Finally, fixes TitlePane? arrow direction in RTL mode.

Refs #6649.

Location:

dijit/trunk/themes/tundra

Files:

• form/Button.css (modified) (2 diffs)
• form/Slider.css (modified) (1 diff)
• form/Slider_rtl.css (modified) (1 diff)
• images/arrowDown.gif (deleted)
• images/arrowDown.png (deleted)
• images/arrowLeft.gif (deleted)
• images/arrowLeft.png (deleted)
• images/arrowRight.gif (deleted)
• images/arrowRight.png (deleted)
• images/arrowUp.gif (deleted)
• images/arrowUp.png (deleted)
• images/spriteArrows.gif (modified) (previous)
• images/spriteArrows.png (modified) (previous)
• Menu.css (modified) (1 diff)
• Menu_rtl.css (modified) (1 diff)
• TitlePane.css (modified) (2 diffs)
• TitlePane_rtl.css (modified) (1 diff)

dijit/trunk/themes/tundra/form/Button.css

@@ -94 +94 @@
         background-position: left top;
         width: 7px;
-        height: 4px;
+        height: 7px;
         font-size: 1px;
         margin: 0px 4px 0px 5px;
@@ -132 +132 @@
         position:absolute;
         top: 50%; 
-        margin-top: -2px; /* half its height */
+        margin-top: -4px; /* half its height */
         left: 50%;
         margin-left: -4px; /* half its width */
-        height: 4px;
         line-height: 2px;
 }

dijit/trunk/themes/tundra/form/Slider.css

@@ -96 +96 @@
 }
 
+.tundra .dijitSliderDecrementIconH,
+.tundra .dijitSliderDecrementIconV,
 .tundra .dijitSliderIncrementIconH,
 .tundra .dijitSliderIncrementIconV {
-        background:url('../images/arrowUp.png') no-repeat center center;
-        width:16px; height:16px;
-        cursor:pointer;
+        cursor: pointer;
+        background-image: url('../images/spriteArrows.png');
+        background-repeat: no-repeat;
+        margin: 5px;
+        height: 7px;
+        width: 7px;
+        font-size: 1px;
+}
+.dj_ie6 .tundra .dijitSliderDecrementIconH,
+.dj_ie6 .tundra .dijitSliderDecrementIconV,
+.dj_ie6 .tundra .dijitSliderIncrementIconH,
+.dj_ie6 .tundra .dijitSliderIncrementIconV {
+        background-image: url('../images/spriteArrows.gif');
+}
+
+.tundra .dijitSliderDecrementIconH {
+        background-position: -7px 0px;
 }
 .tundra .dijitSliderIncrementIconH {
-        background-image:url('../images/arrowRight.png');
+        background-position: -14px 0px;
 }
-
-.tundra .dijitSliderDecrementIconH,
 .tundra .dijitSliderDecrementIconV {
-        width:16px;
-        height:16px;
-        cursor:pointer;
-        background:url('../images/arrowDown.png') no-repeat center center;
+        background-position: 0px 0px;
 }
-.tundra .dijitSliderDecrementIconH { background-image:url('../images/arrowLeft.png'); }
+.tundra .dijitSliderIncrementIconV {
+        background-position: -21px 0px;
+}
 
 .tundra .dijitSliderButtonInner {

dijit/trunk/themes/tundra/form/Slider_rtl.css

@@ -24 +24 @@
 
 .dijitRtl .dijitSliderIncrementIconH {
-        background-image:url('../images/arrowLeft.png');
+        background-position: -7px 0px;
 }
 
 .dijitRtl .dijitSliderDecrementIconH {
-        background-image:url('../images/arrowRight.png');
+        background-position: -14px 0px;
 }

dijit/trunk/themes/tundra/Menu.css

@@ -31 +31 @@
 }
 .tundra .dijitMenuExpandEnabled {
-        width:16px;
-        height:16px;
-        background:url('images/arrowRight.gif') no-repeat center center;
-        display:block;
+        width: 7px;
+        height: 7px;
+        background-image: url('images/spriteArrows.png');
+        background-repeat: no-repeat;
+        background-position: -14px 0px;
+        font-size: 1px;
+        display: block;
+}
+.dj_ie6 .tundra .dijitMenuExpandEnabled {
+        background-image: url('images/spriteArrows.gif');
 }
 

dijit/trunk/themes/tundra/Menu_rtl.css

@@ -5 +5 @@
 
 .dijitRtl .dijitMenuItem .dijitMenuExpandEnabled {
-        background-image:url('images/arrowLeft.gif');
+        background-position: -21px 0px;
 }

dijit/trunk/themes/tundra/TitlePane.css

@@ -7 +7 @@
 }
 
-/* TODO: merge these, and all other icons to a series of background-image:() and background-position: -16*n px styles */
 .tundra .dijitTitlePane .dijitArrowNode {
-        width:16px;
-        height:16px;
+        cursor: pointer;
+        background-image: url('images/spriteArrows.png');
+        background-repeat: no-repeat;
+        font-size: 1px;
+        height: 7px;
+        width: 7px;
+}
+.dj_ie6 .tundra .dijitTitlePane .dijitArrowNode {
+        background-image: url('images/spriteArrows.gif');
+        vertical-align: middle;
+}
+
+.tundra .dijitTitlePane .dijitOpen .dijitArrowNode {
+        background-position: 0px 0px;
 }
 .tundra .dijitTitlePane .dijitClosed .dijitArrowNode {
-        background:url('images/arrowRight.png') no-repeat center center;
+        background-position: -14px 0px;
 }
 
@@ -20 +31 @@
 }
 
-.dj_ie6 .tundra .dijitTitlePane .dijitClosed .dijitArrowNode {
-        background-image:url('images/arrowRight.gif');
-}
-.tundra .dijitTitlePane .dijitOpen .dijitArrowNode {
-        background:url('images/arrowDown.png') no-repeat center center;
-}
-.dj_ie6 .tundra .dijitTitlePane .dijitOpen .dijitArrowNode {
-        background-image:url('images/arrowDown.gif');
-}
 .tundra .dijitTitlePane .dijitArrowNodeInner {
         visibility:hidden;

dijit/trunk/themes/tundra/TitlePane_rtl.css

@@ -1 +1 @@
 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode {
-        background:url('images/arrowLeft.png') no-repeat center center;
+        background-position: -7px 0px;
 }
-.dj_ie6 .dijitRtl .dijitTitlePane .dijitClosed .dijitArrowNode {
-        background-image:url('images/arrowLeft.gif');
-}