Changeset 13566

Show
Ignore:
Timestamp:
05/05/08 00:03:19 (7 months ago)
Author:
bill
Message:

Make RadioButton? style appear cohesive with the rest of the Tundra style.

  • Flattened the heavy 3D look to a subtle gradient.
  • Keeping the gradient consistent with other UI elements. (ie. tabs, accordian, etc)
  • Cleaned up the white artifacts in the gif files so they will display properly on dark backgrounds.
  • Firefox should be loading PNGs image files not the GIFs.

I'm conflicted about white-artifact cleanup. It makes checkbox look better on a dark background but worse on a white background. But I'm deferring to an expert opinion (see trac ticket).

Fixes #6634.

Location:
dijit/trunk/themes/tundra
Files:
6 modified

Legend:

Unmodified
Added
Removed

  • dijit/trunk/themes/tundra/form/Checkbox.css

    r13332 r13566  
    11.tundra .dijitToggleButton .dijitCheckBoxIcon { 
     2        background-image: url('../images/checkmarkNoBorder.png'); 
     3} 
     4 
     5.dj_ie6 .tundra .dijitToggleButton .dijitCheckBoxIcon { 
    26        background-image: url('../images/checkmarkNoBorder.gif'); 
    37} 
    … …  
    59.tundra .dijitCheckBox, 
    610.tundra .dijitCheckBoxIcon              /* inside a toggle button */    { 
    7         background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ 
     11        background-image: url('../images/checkmark.png'); /* checkbox sprite image */ 
    812        background-repeat: no-repeat; 
    913        width: 16px; 
    … …  
    1115        margin: 0; 
    1216        padding: 0; 
     17} 
     18 
     19.dj_ie6 .tundra .dijitCheckBox, 
     20.dj_ie6 .tundra .dijitCheckBoxIcon              /* inside a toggle button */    { 
     21        background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ 
    1322} 
    1423 

  • dijit/trunk/themes/tundra/form/RadioButton.css

    r13332 r13566  
    11.tundra .dijitToggleButton .dijitRadio, 
    22.tundra .dijitToggleButton .dijitRadioIcon { 
     3        background-image: url('../images/checkmarkNoBorder.png'); 
     4} 
     5 
     6.dj_ie6 .tundra .dijitToggleButton .dijitRadio, 
     7.dj_ie6 .tundra .dijitToggleButton .dijitRadioIcon { 
    38        background-image: url('../images/checkmarkNoBorder.gif'); 
    49} 
    … …  
    611.tundra .dijitRadio, 
    712.tundra .dijitRadioIcon {               /* inside a toggle button */ 
    8         background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ 
     13        background-image: url('../images/checkmark.png'); /* checkbox sprite image */ 
    914        background-repeat: no-repeat; 
    1015        width: 16px; 
    … …  
    1217        margin: 0; 
    1318        padding: 0; 
     19} 
     20 
     21.dj_ie6 .tundra .dijitRadio, 
     22.dj_ie6 .tundra .dijitRadioIcon {               /* inside a toggle button */ 
     23        background-image: url('../images/checkmark.gif'); /* checkbox sprite image */ 
    1424} 
    1525