Commits

Matthew Schinckel  committed 7f2fe5d

More disabled goodness.

  • Participants
  • Parent commits 731d3eb

Comments (0)

Files changed (3)

File src/css/screen.css

 }
 
 /* line 207, icon */
-.icon-sprite, .icon-button.close:before, .icon-button.close:hover:before, .icon-button.down:before, .icon-button.down:hover:before, .icon-button.up:before, .icon-button.up:hover:before, .icon-button.left:before, .icon-button.left:hover:before, .icon-button.right:before, .icon-button.right:hover:before, .icon-button.close:after, .icon-button.close:hover:after, .icon-button.down:after, .icon-button.down:hover:after, .icon-button.up:after, .icon-button.up:hover:after, .icon-button.left:after, .icon-button.left:hover:after, .icon-button.right:after, .icon-button.right:hover:after, .koui.dialog.widget header button.close, .koui.dialog.widget header button.close:hover, .koui.datepicker.widget header button.close, .koui.datepicker.widget header button.close:hover, .koui.datepicker.widget header button.prev-month, .koui.datepicker.widget header button.prev-month:hover, .koui.datepicker.widget header button.prev-month:disabled, .koui.datepicker.widget header button.prev-month:disabled:hover, .koui.datepicker.widget header button.next-month, .koui.datepicker.widget header button.next-month:hover, .koui.datepicker.widget header button.next-month:disabled, .koui.datepicker.widget header button.next-month:disabled:hover, .koui.colourpicker.widget header button.close, .koui.colourpicker.widget header button.close:hover, ul.messages li:before, ul.messages li.error:before, ul.messages li.help:before, ul.messages li.info:before, ul.messages li.success:before {
+.icon-sprite, .icon-button.close:before, .icon-button.close:hover:before, .icon-button.close:disabled:before, .icon-button.close:disabled:hover:before, .icon-button.down:before, .icon-button.down:hover:before, .icon-button.down:disabled:before, .icon-button.down:disabled:hover:before, .icon-button.up:before, .icon-button.up:hover:before, .icon-button.up:disabled:before, .icon-button.up:disabled:hover:before, .icon-button.left:before, .icon-button.left:hover:before, .icon-button.left:disabled:before, .icon-button.left:disabled:hover:before, .icon-button.right:before, .icon-button.right:hover:before, .icon-button.right:disabled:before, .icon-button.right:disabled:hover:before, .icon-button.close:after, .icon-button.close:hover:after, .icon-button.close:disabled:after, .icon-button.close:disabled:hover:after, .icon-button.down:after, .icon-button.down:hover:after, .icon-button.down:disabled:after, .icon-button.down:disabled:hover:after, .icon-button.up:after, .icon-button.up:hover:after, .icon-button.up:disabled:after, .icon-button.up:disabled:hover:after, .icon-button.left:after, .icon-button.left:hover:after, .icon-button.left:disabled:after, .icon-button.left:disabled:hover:after, .icon-button.right:after, .icon-button.right:hover:after, .icon-button.right:disabled:after, .icon-button.right:disabled:hover:after, .koui.dialog.widget header button.close, .koui.dialog.widget header button.close:hover, .koui.dialog.widget header button.close:disabled, .koui.dialog.widget header button.close:disabled:hover, .koui.datepicker.widget header button.close, .koui.datepicker.widget header button.close:hover, .koui.datepicker.widget header button.close:disabled, .koui.datepicker.widget header button.close:disabled:hover, .koui.datepicker.widget header button.prev-month, .koui.datepicker.widget header button.prev-month:hover, .koui.datepicker.widget header button.prev-month:disabled, .koui.datepicker.widget header button.prev-month:disabled:hover, .koui.datepicker.widget header button.next-month, .koui.datepicker.widget header button.next-month:hover, .koui.datepicker.widget header button.next-month:disabled, .koui.datepicker.widget header button.next-month:disabled:hover, .koui.colourpicker.widget header button.close, .koui.colourpicker.widget header button.close:hover, .koui.colourpicker.widget header button.close:disabled, .koui.colourpicker.widget header button.close:disabled:hover, ul.messages li:before, ul.messages li.error:before, ul.messages li.help:before, ul.messages li.info:before, ul.messages li.success:before {
   background: url('../img/icon-s11f5d55656.png') no-repeat;
 }
 
 .icon-button.close:hover:before {
   background-position: 0 -80px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.close:disabled:before, .icon-button.close:disabled:hover:before {
+  background-position: 0 -64px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.down:before {
   background-position: 0 -128px;
 .icon-button.down:hover:before {
   background-position: 0 -160px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.down:disabled:before, .icon-button.down:disabled:hover:before {
+  background-position: 0 -144px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.up:before {
   background-position: 0 -448px;
 .icon-button.up:hover:before {
   background-position: 0 -480px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.up:disabled:before, .icon-button.up:disabled:hover:before {
+  background-position: 0 -464px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.left:before {
   background-position: 0 -256px;
 .icon-button.left:hover:before {
   background-position: 0 -288px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.left:disabled:before, .icon-button.left:disabled:hover:before {
+  background-position: 0 -272px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.right:before {
   background-position: 0 -336px;
 .icon-button.right:hover:before {
   background-position: 0 -368px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.right:disabled:before, .icon-button.right:disabled:hover:before {
+  background-position: 0 -352px;
+}
 /* line 11, ../sass/koui/_buttons.sass */
 .icon-button.after:after {
   content: "";
 .icon-button.close:hover:after {
   background-position: 0 -80px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.close:disabled:after, .icon-button.close:disabled:hover:after {
+  background-position: 0 -64px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.down:after {
   background-position: 0 -128px;
 .icon-button.down:hover:after {
   background-position: 0 -160px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.down:disabled:after, .icon-button.down:disabled:hover:after {
+  background-position: 0 -144px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.up:after {
   background-position: 0 -448px;
 .icon-button.up:hover:after {
   background-position: 0 -480px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.up:disabled:after, .icon-button.up:disabled:hover:after {
+  background-position: 0 -464px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.left:after {
   background-position: 0 -256px;
 .icon-button.left:hover:after {
   background-position: 0 -288px;
 }
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.left:disabled:after, .icon-button.left:disabled:hover:after {
+  background-position: 0 -272px;
+}
 /* line 20, ../sass/koui/_buttons.sass */
 .icon-button.right:after {
   background-position: 0 -336px;
 .icon-button.right:hover:after {
   background-position: 0 -368px;
 }
-/* line 29, ../sass/koui/_buttons.sass */
+/* line 24, ../sass/koui/_buttons.sass */
+.icon-button.right:disabled:after, .icon-button.right:disabled:hover:after {
+  background-position: 0 -352px;
+}
+/* line 31, ../sass/koui/_buttons.sass */
 .icon-button.before:before {
   margin-left: -6px;
   margin-right: 3px;
 }
-/* line 32, ../sass/koui/_buttons.sass */
+/* line 34, ../sass/koui/_buttons.sass */
 .icon-button.after:after {
   margin-left: 3px;
   margin-right: -6px;
 .koui.dialog.widget header button.close:hover {
   background-position: 0 -80px;
 }
-/* line 55, ../sass/koui/_base_dialog.sass */
+/* line 54, ../sass/koui/_base_dialog.sass */
+.koui.dialog.widget header button.close:disabled, .koui.dialog.widget header button.close:disabled:hover {
+  background-position: 0 -64px;
+}
+/* line 57, ../sass/koui/_base_dialog.sass */
 .koui.dialog.widget footer {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   background-image: linear-gradient(#d5d5d5, #eaeaea);
   border-top: 1px solid #979797;
 }
-/* line 61, ../sass/koui/_base_dialog.sass */
+/* line 63, ../sass/koui/_base_dialog.sass */
 .koui.dialog.widget footer button {
   -moz-border-radius: 1000px;
   -webkit-border-radius: 1000px;
 .koui.datepicker.widget header button.close:hover {
   background-position: 0 -80px;
 }
-/* line 55, ../sass/koui/_base_dialog.sass */
+/* line 54, ../sass/koui/_base_dialog.sass */
+.koui.datepicker.widget header button.close:disabled, .koui.datepicker.widget header button.close:disabled:hover {
+  background-position: 0 -64px;
+}
+/* line 57, ../sass/koui/_base_dialog.sass */
 .koui.datepicker.widget footer {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   background-image: linear-gradient(#d5d5d5, #eaeaea);
   border-top: 1px solid #979797;
 }
-/* line 61, ../sass/koui/_base_dialog.sass */
+/* line 63, ../sass/koui/_base_dialog.sass */
 .koui.datepicker.widget footer button {
   -moz-border-radius: 1000px;
   -webkit-border-radius: 1000px;
 .koui.colourpicker.widget header button.close:hover {
   background-position: 0 -80px;
 }
-/* line 55, ../sass/koui/_base_dialog.sass */
+/* line 54, ../sass/koui/_base_dialog.sass */
+.koui.colourpicker.widget header button.close:disabled, .koui.colourpicker.widget header button.close:disabled:hover {
+  background-position: 0 -64px;
+}
+/* line 57, ../sass/koui/_base_dialog.sass */
 .koui.colourpicker.widget footer {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   background-image: linear-gradient(#d5d5d5, #eaeaea);
   border-top: 1px solid #979797;
 }
-/* line 61, ../sass/koui/_base_dialog.sass */
+/* line 63, ../sass/koui/_base_dialog.sass */
 .koui.colourpicker.widget footer button {
   -moz-border-radius: 1000px;
   -webkit-border-radius: 1000px;

File src/sass/koui/_base_dialog.sass

         +icon-sprite(close)
         &:hover
           +icon-sprite(close_hover)
+        &:disabled, &:disabled:hover
+          +icon-sprite(close_disabled)
       
   footer
     +border-bottom-radius(4px)

File src/sass/koui/_buttons.sass

         +icon-sprite(#{$icon})
       &.#{$icon}:hover:#{$which}
         +icon-sprite(#{$icon}_hover)
+      &.#{$icon}:disabled:#{$which}, &.#{$icon}:disabled:hover:#{$which}
+        +icon-sprite(#{$icon}_disabled)
     // Not sure I want these as buttons.
     //@each $icon in calendar, error, help, info, success
     //  &.#{$icon}:#{$which}