(css) Improve timepicker

2016-01-18 16:15:33 -05:00 · 2016-01-18 16:15:33 -05:00 · 612f2867a1
parent 5076365956
commit 612f2867a1
1 changed files with 7 additions and 0 deletions
--- a/UI/WebServerResources/scss/components/timepicker/timepicker.scss
+++ b/UI/WebServerResources/scss/components/timepicker/timepicker.scss
@ -74,6 +74,13 @@ sg-time-pane {
 sg-timepicker {
  // Don't let linebreaks happen between the open icon-button and the input.
  white-space: nowrap;
+  overflow: hidden;
+
+  // Leave room for the down-triangle button to "overflow" it's parent without modifying scrollLeft
+  padding-right: $md-datepicker-triangle-button-width / 2;
+  margin-right: -$md-datepicker-triangle-button-width / 2;
+
+  vertical-align: middle;
 }

 // The calendar icon button used to open the calendar pane.