Commits

Matthew Schinckel committed 845d2b9

Make some styling of datepicker better.

  • Participants
  • Parent commits 5acb7aa

Comments (0)

Files changed (3)

src/css/screen.css

 }
 
 /* line 207, icon */
-.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 {
+.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-datepicker-trigger, .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;
 }
 
   float: right;
 }
 
+/* line 69, ../sass/koui/_datepicker.sass */
+.koui-datepicker-trigger {
+  background-position: 0 -16px;
+  border: none;
+  width: 16px;
+  height: 16px;
+}
+
 /* line 3, ../sass/koui/_timepicker.sass */
 ul.timepicker {
   position: absolute;

src/sass/koui/_colours.sass

 $button-shadow: rgba(0,0,0,0.05)
 
 $highlight-gradient-start: #C3DFF5
-$highlight-gradient-finish: #96CCF5
+$highlight-gradient-finish: #96CCF5
+
+// TODO: .warning button class: make button red tinged.

src/sass/koui/_datepicker.sass

   footer
     button.done
       float: right
-  
+
+.koui-datepicker-trigger
+  +icon-sprite(calendar)
+  border: none
+  width: 16px
+  height: 16px