Changeset 21117 in legacy


Ignore:
Timestamp:
Jan 8, 2010 1:25:32 PM (8 years ago)
Author:
bill
Message:

Initial conversion of form widgets to use _CssStateMixin. Changes are mostly transparent except for subnodes within widgets, like the up/down arrows of a Spinner, where the active/hover state is now being indicated on the arrow node rather than the widget root node.

Refs #10613 !strict.

Files:
18 edited

Legend:

Unmodified
Added
Removed
  • dijit/trunk/form/Button.js

    r21031 r21117  
    260260        postCreate: function(){
    261261                this.inherited(arguments);
    262                 this._focalNodes = [this.titleNode, this._popupStateNode];
     262
     263                // Set classes like dijitButtonContentsHover or dijitArrowButtonActive depending on
     264                // mouse action over specified node
     265                this._trackMouseState(this.titleNode, "dijitButtonContents");
     266                this._trackMouseState(this._popupStateNode, "dijitDownArrowButton");
     267
    263268                var isIE = dojo.isIE;
    264                 dojo.forEach(this._focalNodes, dojo.hitch(this, function(node){
    265                         this.connect(node, isIE? "onactivate" : "onfocus", this._onNodeFocus);
    266                         this.connect(node, isIE? "ondeactivate" : "onblur", this._onNodeBlur);
    267                 }));
    268269                if(isIE && (isIE < 8 || dojo.isQuirks)){ // fixed in IE8/strict
    269270                        with(this.titleNode){ // resize BUTTON tag so parent TD won't inherit extra padding
     
    276277        },
    277278
    278         _onNodeFocus: function(evt){
    279                 this._focusedNode = evt.currentTarget;
    280                 var fnc = this._focusedNode == this.focusNode ? "dijitDownArrowButtonFocused" : "dijitButtonContentsFocused";
    281                 dojo.addClass(this._focusedNode, fnc);
    282         },
    283 
    284         _onNodeBlur: function(evt){
    285                 var fnc = evt.currentTarget == this.focusNode ? "dijitDownArrowButtonFocused" : "dijitButtonContentsFocused";
    286                 dojo.removeClass(evt.currentTarget, fnc);
    287         },
    288 
    289         _onBlur: function(){
    290                 this.inherited(arguments);
    291                 this._focusedNode = null;
    292         },
    293        
    294279        _onButtonKeyPress: function(/*Event*/ evt){
    295280                // summary:
  • dijit/trunk/form/ComboBox.js

    r21108 r21117  
    675675                        // tags:
    676676                        //              protected
     677
     678                        // Set classes like dijitDownArrowButtonHover depending on
     679                        // mouse action over button node
     680                        this._trackMouseState(this.downArrowNode, "dijitDownArrowButton");
    677681
    678682                        // find any associated label element and add to ComboBox node.
  • dijit/trunk/form/_FormWidget.js

    r20826 r21117  
    33dojo.require("dijit._Widget");
    44dojo.require("dijit._Templated");
    5 
    6 dojo.declare("dijit.form._FormWidget", [dijit._Widget, dijit._Templated],
     5dojo.require("dijit._CssStateMixin");
     6
     7dojo.declare("dijit.form._FormWidget", [dijit._Widget, dijit._Templated, dijit._CssStateMixin],
    78        {
    89        // summary:
     
    1718        //              They also share some common methods.
    1819
    19         // baseClass: [protected] String
    20         //              Root CSS class of the widget (ex: dijitTextBox), used to add CSS classes of widget
    21         //              (ex: "dijitTextBox dijitTextBoxInvalid dijitTextBoxFocused dijitTextBoxInvalidFocused")
    22         //              See _setStateClass().
    23         baseClass: "",
    24 
    2520        // name: String
    2621        //              Name used when submitting form; same as "name" attribute or plain HTML elements
     
    108103
    109104        _onMouse : function(/*Event*/ event){
    110                 // summary:
    111                 //      Sets _hovering, _active, and stateModifier properties depending on mouse state,
    112                 //      then calls setStateClass() to set appropriate CSS classes for this.domNode.
    113                 //
    114                 //      To get a different CSS class for hover, send onmouseover and onmouseout events to this method.
    115                 //      To get a different CSS class while mouse button is depressed, send onmousedown to this method.
    116 
    117                 var mouseNode = event.currentTarget;
    118                 if(mouseNode && mouseNode.getAttribute){
    119                         this.stateModifier = mouseNode.getAttribute("stateModifier") || "";
    120                 }
    121 
    122                 if(!this.disabled){
    123                         switch(event.type){
    124                                 case "mouseenter":
    125                                 case "mouseover":
    126                                         this._hovering = true;
    127                                         this._active = this._mouseDown;
    128                                         break;
    129 
    130                                 case "mouseout":
    131                                 case "mouseleave":
    132                                         this._hovering = false;
    133                                         this._active = false;
    134                                         break;
    135 
    136                                 case "mousedown" :
    137                                         this._active = true;
    138                                         this._mouseDown = true;
    139                                         // set a global event to handle mouseup, so it fires properly
    140                                         //      even if the cursor leaves the button
    141                                         var mouseUpConnector = this.connect(dojo.body(), "onmouseup", function(){
    142                                                 // if user clicks on the button, even if the mouse is released outside of it,
    143                                                 // this button should get focus (which mimics native browser buttons)
    144                                                 if(this._mouseDown && this.isFocusable()){
    145                                                         this.focus();
    146                                                 }
    147                                                 this._active = false;
    148                                                 this._mouseDown = false;
    149                                                 this._setStateClass();
    150                                                 this.disconnect(mouseUpConnector);
    151                                         });
    152                                         break;
    153                         }
    154                         this._setStateClass();
    155                 }
    156         },
    157 
     105                // Form widgets used to attach to this handler directly from the template, but that's
     106                // no longer necessary.   Remove this stub in 2.0.
     107        },
     108       
    158109        isFocusable: function(){
    159110                // summary:
     
    168119                //              Put focus on this widget
    169120                dijit.focus(this.focusNode);
    170         },
    171 
    172         _setStateClass: function(){
    173                 // summary:
    174                 //              Update the visual state of the widget by setting the css classes on this.domNode
    175                 //              (or this.stateNode if defined) by combining this.baseClass with
    176                 //              various suffixes that represent the current widget state(s).
    177                 //
    178                 // description:
    179                 //              In the case where a widget has multiple
    180                 //              states, it sets the class based on all possible
    181                 //              combinations.  For example, an invalid form widget that is being hovered
    182                 //              will be "dijitInput dijitInputInvalid dijitInputHover dijitInputInvalidHover".
    183                 //
    184                 //              For complex widgets with multiple regions, there can be various hover/active states,
    185                 //              such as "Hover" or "CloseButtonHover" (for tab buttons).
    186                 //              This is controlled by a stateModifier="CloseButton" attribute on the close button node.
    187                 //
    188                 //              The widget may have one or more of the following states, determined
    189                 //              by this.state, this.checked, this.valid, and this.selected:
    190                 //                      - Error - ValidationTextBox sets this.state to "Error" if the current input value is invalid
    191                 //                      - Checked - ex: a checkmark or a ToggleButton in a checked state, will have this.checked==true
    192                 //                      - Selected - ex: currently selected tab will have this.selected==true
    193                 //
    194                 //              In addition, it may have one or more of the following states,
    195                 //              based on this.disabled and flags set in _onMouse (this._active, this._hovering, this._focused):
    196                 //                      - Disabled      - if the widget is disabled
    197                 //                      - Active                - if the mouse (or space/enter key?) is being pressed down
    198                 //                      - Focused               - if the widget has focus
    199                 //                      - Hover         - if the mouse is over the widget
    200 
    201                 // Compute new set of classes
    202                 var newStateClasses = this.baseClass.split(" ");
    203 
    204                 function multiply(modifier){
    205                         newStateClasses = newStateClasses.concat(dojo.map(newStateClasses, function(c){ return c+modifier; }), "dijit"+modifier);
    206                 }
    207 
    208                 if(this.checked){
    209                         multiply("Checked");
    210                 }
    211                 if(this.state){
    212                         multiply(this.state);
    213                 }
    214                 if(this.selected){
    215                         multiply("Selected");
    216                 }
    217 
    218                 if(this.disabled){
    219                         multiply("Disabled");
    220                 }else if(this.readOnly){
    221                         multiply("ReadOnly");
    222                 }else if(this._active){
    223                         multiply(this.stateModifier+"Active");
    224                 }else{
    225                         if(this._focused){
    226                                 multiply("Focused");
    227                         }
    228                         if(this._hovering){
    229                                 multiply(this.stateModifier+"Hover");
    230                         }
    231                 }
    232 
    233                 // Remove old state classes and add new ones.
    234                 // For performance concerns we only write into domNode.className once.
    235                 var tn = this.stateNode || this.domNode,
    236                         classHash = {}; // set of all classes (state and otherwise) for node
    237 
    238                 dojo.forEach(tn.className.split(" "), function(c){ classHash[c] = true; });
    239 
    240                 if("_stateClasses" in this){
    241                         dojo.forEach(this._stateClasses, function(c){ delete classHash[c]; });
    242                 }
    243 
    244                 dojo.forEach(newStateClasses, function(c){ classHash[c] = true; });
    245 
    246                 var newClasses = [];
    247                 for(var c in classHash){
    248                         newClasses.push(c);
    249                 }
    250                 tn.className = newClasses.join(" ");
    251 
    252                 this._stateClasses = newStateClasses;
    253121        },
    254122
     
    384252
    385253        postCreate: function(){
     254                this.inherited(arguments);
     255
    386256                if(dojo.isIE){ // IE won't stop the event with keypress
    387257                        this.connect(this.focusNode || this.domNode, "onkeydown", this._onKeyDown);
  • dijit/trunk/form/_Spinner.js

    r20570 r21117  
    4343                },
    4444
    45                 _arrowState: function(/*Node*/ node, /*Boolean*/ pressed){
    46                         // summary:
    47                         //              Called when an arrow key is pressed to update the relevant CSS classes
    48                         this._active = pressed;
    49                         this.stateModifier = node.getAttribute("stateModifier") || "";
    50                         this._setStateClass();
    51                 },
    52 
    5345                _arrowPressed: function(/*Node*/ nodePressed, /*Number*/ direction, /*Number*/ increment){
    5446                        // summary:
    5547                        //              Handler for arrow button or arrow key being pressed
    5648                        if(this.disabled || this.readOnly){ return; }
    57                         this._arrowState(nodePressed, true);
    5849                        this._setValueAttr(this.adjust(this.attr('value'), direction*increment), false);
    5950                        dijit.selectInputText(this.textbox, this.textbox.value.length);
     
    6556                        this._wheelTimer = null;
    6657                        if(this.disabled || this.readOnly){ return; }
    67                         this._arrowState(node, false);
    6858                },
    6959
     
    10696                        this.inherited(arguments);
    10797
     98                        // Set classes like dijitUpArrowButtonHover or dijitDownArrowButtonActive depending on
     99                        // mouse action over specified node
     100                        this._trackMouseState(this.upArrowNode, "dijitUpArrowButton");
     101                        this._trackMouseState(this.downArrowNode, "dijitDownArrowButton");
     102
    108103                        // extra listeners
    109104                        this.connect(this.domNode, !dojo.isMozilla ? "onmousewheel" : 'DOMMouseScroll', "_mouseWheeled");
  • dijit/trunk/form/templates/ComboBox.html

    r16716 r21117  
    11<div class="dijit dijitReset dijitInlineTable dijitLeft"
    22        id="widget_${id}"
    3         dojoAttachEvent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" dojoAttachPoint="comboNode" waiRole="combobox" tabIndex="-1"
     3        dojoAttachPoint="comboNode" waiRole="combobox" tabIndex="-1"
    44        ><div style="overflow:hidden;"
    55                ><div class='dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton'
    66                        dojoAttachPoint="downArrowNode" waiRole="presentation"
    7                         dojoAttachEvent="onmousedown:_onArrowMouseDown,onmouseup:_onMouse,onmouseenter:_onMouse,onmouseleave:_onMouse"
     7                        dojoAttachEvent="onmousedown:_onArrowMouseDown"
    88                        ><div class="dijitArrowButtonInner">&thinsp;</div
    99                        ><div class="dijitArrowButtonChar">&#9660;</div
  • dijit/trunk/form/templates/ComboButton.html

    r20795 r21117  
    1111                        dojoAttachPoint="_popupStateNode,focusNode,_buttonNode"
    1212                        dojoAttachEvent="onmouseenter:_onMouse,onmouseleave:_onMouse,onkeypress:_onArrowKeyPress"
    13                         stateModifier="DownArrow"
    1413                        title="${optionsTitle}" ${nameAttrSetting}
    1514                        waiRole="button" waiState="haspopup-true"
  • dijit/trunk/form/templates/Spinner.html

    r16716 r21117  
    66                        >&nbsp;<div class="dijitReset dijitLeft dijitButtonNode dijitArrowButton dijitUpArrowButton"
    77                                dojoAttachPoint="upArrowNode"
    8                                 dojoAttachEvent="onmouseenter:_onMouse,onmouseleave:_onMouse"
    9                                 stateModifier="UpArrow"
    108                                ><div class="dijitArrowButtonInner">&thinsp;</div
    119                                ><div class="dijitArrowButtonChar">&#9650;</div
     
    1311                        ><div class="dijitReset dijitLeft dijitButtonNode dijitArrowButton dijitDownArrowButton"
    1412                                dojoAttachPoint="downArrowNode"
    15                                 dojoAttachEvent="onmouseenter:_onMouse,onmouseleave:_onMouse"
    16                                 stateModifier="DownArrow"
    1713                                ><div class="dijitArrowButtonInner">&thinsp;</div
    1814                                ><div class="dijitArrowButtonChar">&#9660;</div
  • dijit/trunk/themes/dijit.css

    r21103 r21117  
    397397}
    398398
    399 /* rules for safari to deal with fuzzy blue focus border */
     399/* rules for webkit to deal with fuzzy blue focus border */
    400400.dijitTextBox input:focus,
    401401.dijitComboBox input:focus,
     
    405405.dijitTextBoxFocused,
    406406.dijitComboBoxFocused,
    407 .dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
     407.dijitSpinnerFocused,
    408408.dijitTextAreaFocused {
    409         /* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
    410409        outline: auto 5px -webkit-focus-ring-color;
    411410}
  • dijit/trunk/themes/nihilo/Toolbar.css

    r20570 r21117  
    4646.nihilo .dijitToolbar .dijitToggleButtonHover,
    4747.nihilo .dijitToolbar .dijitDropDownButtonHover,
    48 .nihilo .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
    49 .nihilo .dijitToolbar .dijitComboButtonDownArrowHover .dijitDownArrowButton {
     48.nihilo .dijitToolbar .dijitComboButton .dijitButtonContentsHover,
     49.nihilo .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {
    5050        /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
    5151        border: 1px solid #f7c95c;
  • dijit/trunk/themes/nihilo/form/Button.css

    r21044 r21117  
    6969.nihilo .dijitToggleButtonHover .dijitButtonNode,
    7070.nihilo .dijitDropDownButtonHover .dijitButtonNode,
    71 .nihilo .dijitComboButtonHover .dijitButtonContents,
    72 .nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton,
    73 .nihilo .dijitComboBoxHover .dijitDownArrowButton,
    74 .nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton,
    75 .nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton {
     71.nihilo .dijitButtonContentsHover,
     72.nihilo .dijitDownArrowButtonHover,
     73.nihilo .dijitUpArrowButtonHover {
    7674        /* hover state - inner */
    7775        /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
     
    8078}
    8179
    82 .nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton,
    83 .nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton,
     80.nihilo .dijitUpArrowButtonActive,
     81.nihilo .dijitDownArrowButtonActive,
    8482.nihilo .dijitButtonActive .dijitButtonNode,
    8583.nihilo .dijitToggleButtonActive .dijitButtonNode,
    8684.nihilo .dijitDropDownButtonActive .dijitButtonNode,
    87 .nihilo .dijitComboButtonActive .dijitButtonContents,
    88 .nihilo .dijitDownArrowActive .dijitDownArrowButton,
    89 .nihilo .dijitComboBoxActive .dijitDownArrowButton,
     85.nihilo .dijitComboButton .dijitButtonContentsActive,
    9086.nihilo .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
    9187        /* active state - inner (for when you are pressing a normal button, or
  • dijit/trunk/themes/nihilo/form/Common.css

    r21060 r21117  
    4444.nihilo .dijitTextBoxFocused,
    4545.nihilo .dijitComboBoxFocused,
    46 .nihilo .dijitSpinnerFocused, .nihilo .dijitSpinnerUpArrowActive, .nihilo .dijitSpinnerDownArrowActive,
     46.nihilo .dijitSpinnerFocused,
    4747.nihilo .dijitTextAreaFocused {
    4848        /* input field when focused (ie: typing affects it) */
     
    5151.nihilo .dijitComboBoxFocused .dijitButtonNode,
    5252.nihilo .dijitSpinnerFocused .dijitButtonNode,
    53 .nihilo .dijitSpinnerUpArrowActive .dijitButtonNode,
    54 .nihilo .dijitSpinnerDownArrowActive .dijitButtonNode {
     53.nihilo .dijitSpinner .dijitUpArrowButtonActive,
     54.nihilo .dijitSpinner .dijitDownArrowButtonActive {
    5555        border-left-color:#d3d3d3;
    5656}
    5757.nihilo .dijitSpinnerFocused .dijitDownArrowButton,
    58 .nihilo .dijitSpinnerUpArrowActive .dijitDownArrowButton,
    59 .nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton {
     58.nihilo .dijitSpinner .dijitUpArrowButtonActive,
     59.nihilo .dijitSpinner .dijitDownArrowButtonActive {
    6060        border-top-color:#d3d3d3;
    6161}
  • dijit/trunk/themes/soria/Toolbar.css

    r20570 r21117  
    4646.soria .dijitToolbar .dijitToggleButtonHover,
    4747.soria .dijitToolbar .dijitDropDownButtonHover,
    48 .soria .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
    49 .soria .dijitToolbar .dijitComboButtonDownArrowHover .dijitDownArrowButton {
     48.soria .dijitToolbar .dijitComboButton .dijitButtonContentsHover,
     49.soria .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {
    5050        /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
    5151        border: 1px solid #316ac5;
  • dijit/trunk/themes/soria/form/Button.css

    r21044 r21117  
    6767.soria .dijitToggleButtonHover .dijitButtonNode,
    6868.soria .dijitDropDownButtonHover .dijitButtonNode,
    69 .soria .dijitComboButtonHover .dijitButtonContents,
    70 .soria .dijitComboButtonDownArrowHover .dijitDownArrowButton,
    71 .soria .dijitComboBoxHover .dijitDownArrowButton,
    72 .soria .dijitSpinnerUpArrowHover .dijitUpArrowButton,
    73 .soria .dijitSpinnerDownArrowHover .dijitDownArrowButton {
     69.soria .dijitButtonContentsHover,
     70.soria .dijitUpArrowButtonHover,
     71.soria .dijitDownArrowButtonHover {
    7472        /* hover state - inner */
    7573        /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
     
    8987        background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
    9088}
    91 .soria .dijitSpinnerUpArrowActive .dijitUpArrowButton,
    92 .soria .dijitSpinnerDownArrowActive .dijitDownArrowButton,
    93 .soria .dijitComboBoxActive .dijitDownArrowButton {
     89.soria .dijitUpArrowButtonActive,
     90.soria .dijitDownArrowButtonActive {
    9491        /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
    9592        background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
  • dijit/trunk/themes/soria/form/Common.css

    r21060 r21117  
    4444.soria .dijitTextBoxFocused,
    4545.soria .dijitComboBoxFocused,
    46 .soria .dijitSpinnerFocused, .soria .dijitSpinnerUpArrowActive, .soria .dijitSpinnerDownArrowActive,
     46.soria .dijitSpinnerFocused,
    4747.soria .dijitTextAreaFocused {
    4848        /* input field when focused (ie: typing affects it) */
     
    5151.soria .dijitComboBoxFocused .dijitButtonNode,
    5252.soria .dijitSpinnerFocused .dijitButtonNode,
    53 .soria .dijitSpinnerUpArrowActive .dijitButtonNode,
    54 .soria .dijitSpinnerDownArrowActive .dijitButtonNode {
     53.soria .dijitSpinner .dijitUpArrowButtonActive,
     54.soria .dijitSpinner .dijitDownArrowButtonActive {
    5555        border-left-color:#8ba0bd;
    5656}
    5757.soria .dijitSpinnerFocused .dijitDownArrowButton,
    58 .soria .dijitSpinnerUpArrowActive .dijitDownArrowButton,
    59 .soria .dijitSpinnerDownArrowActive .dijitDownArrowButton {
     58.soria .dijitSpinner .dijitUpArrowButtonActive,
     59.soria .dijitSpinner .dijitDownArrowButtonActive {
    6060        border-top-color:#8ba0bd;
    6161}
  • dijit/trunk/themes/tundra/Toolbar.css

    r20570 r21117  
    4646.tundra .dijitToolbar .dijitToggleButtonHover,
    4747.tundra .dijitToolbar .dijitDropDownButtonHover,
    48 .tundra .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
    49 .tundra .dijitToolbar .dijitComboButtonDownArrowHover .dijitDownArrowButton {
     48.tundra .dijitToolbar .dijitComboButton .dijitButtonContentsHover,
     49.tundra .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover {
    5050        /* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
    5151        border: 1px solid #869cbf;
  • dijit/trunk/themes/tundra/form/Button.css

    r20570 r21117  
    7171.tundra .dijitToggleButtonHover .dijitButtonNode,
    7272.tundra .dijitDropDownButtonHover .dijitButtonNode,
    73 .tundra .dijitComboButtonHover .dijitButtonContents,
    74 .tundra .dijitComboButtonDownArrowHover .dijitArrowButton {
     73.tundra .dijitComboButton .dijitButtonContentsHover,
     74.tundra .dijitComboButton .dijitDownArrowButtonHover {
    7575        /* hover state - inner */
    7676        /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
     
    8080        background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
    8181}
    82 .tundra .dijitComboBoxHover .dijitDownArrowButton,
    83 .tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton,
    84 .tundra .dijitSpinnerDownArrowHover .dijitDownArrowButton {
     82.tundra .dijitDownArrowButtonHover,
     83.tundra .dijitUpArrowButtonHover {
    8584        /* same as above except don't adjust border color (it's controlled by the containing Spinner/ComboBox) */
    8685        color:#243C5F;
     
    8887}
    8988
    90 .tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton,
    91 .tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton,
     89.tundra .dijitUpArrowButtonActive,
     90.tundra .dijitDownArrowButtonActive,
    9291.tundra .dijitButtonActive .dijitButtonNode,
    9392.tundra .dijitToggleButtonActive .dijitButtonNode,
    9493.tundra .dijitDropDownButtonActive .dijitButtonNode,
    95 .tundra .dijitComboButtonActive .dijitButtonContents,
    96 .tundra .dijitDownArrowActive .dijitDownArrowButton,
    97 .tundra .dijitComboBoxActive .dijitDownArrowButton,
     94.tundra .dijitButtonContentsActive,
    9895.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
    9996        /* active state - inner (for when you are pressing a normal button, or
  • dijit/trunk/themes/tundra/form/Common.css

    r21060 r21117  
    6262.tundra .dijitTextBoxFocused,
    6363.tundra .dijitComboBoxFocused,
    64 .tundra .dijitSpinnerFocused, .tundra .dijitSpinnerUpArrowActive, .tundra .dijitSpinnerDownArrowActive,
     64.tundra .dijitSpinnerFocused,
    6565.tundra .dijitTextAreaFocused {
    6666        /* input field when focused (ie: typing affects it) */
     
    6969.tundra .dijitComboBoxFocused .dijitButtonNode,
    7070.tundra .dijitSpinnerFocused .dijitButtonNode,
    71 .tundra .dijitSpinnerUpArrowActive .dijitButtonNode,
    72 .tundra .dijitSpinnerDownArrowActive .dijitButtonNode {
     71.tundra .dijitSpinner .dijitUpArrowButtonActive,
     72.tundra .dijitSpinner .dijitDownArrowButtonActive {
    7373        border-left-color:#366dba;
    7474}
    7575.tundra .dijitSpinnerFocused .dijitDownArrowButton,
    76 .tundra .dijitSpinnerUpArrowActive .dijitDownArrowButton,
    77 .tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton {
     76.tundra .dijitSpinner .dijitUpArrowButtonActive,
     77.tundra .dijitSpinner .dijitDownArrowButtonActive {
    7878        border-top-color:#366dba;
    7979}
  • view/committer/all/trunk

    • Property svn:ignore
      •  

        old new  
        11.project
         2.settings
Note: See TracChangeset for help on using the changeset viewer.