move timepicker's styles to separate less file (#9117)

elastic · Nov 29, 2016 · 8d64270 · 8d64270
1 parent 7cdd298
commit 8d64270
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 19 deletions.
diff --git a/src/ui/public/timepicker/timepicker.html b/src/ui/public/timepicker/timepicker.html
@@ -1,23 +1,4 @@
 <div class="kbn-timepicker">
-  <style>
-    .kbn-timepicker [kbn-time-input] {
-      text-align: center;
-    }
-    .kbn-timepicker-modes {
-      text-transform: capitalize;
-    }
-    .kbn-timepicker-section {
-      float: left;
-      padding: 0px 15px;
-    }
-    .kbn-refresh-section {
-      float: left;
-      padding: 0px 15px;
-    }
-    .kbn-timepicket-alert {
-      width: 100px;
-    }
-  </style>
 
   <div class="tab-content">
 

diff --git a/src/ui/public/timepicker/timepicker.js b/src/ui/public/timepicker/timepicker.js
@@ -3,6 +3,7 @@ import _ from 'lodash';
 import dateMath from '@elastic/datemath';
 import moment from 'moment';
 import Notifier from 'ui/notify/notifier';
+import 'ui/timepicker/timepicker.less';
 import 'ui/directives/input_datetime';
 import 'ui/directives/inequality';
 import 'ui/timepicker/quick_ranges';

diff --git a/src/ui/public/timepicker/timepicker.less b/src/ui/public/timepicker/timepicker.less
@@ -0,0 +1,19 @@
+.kbn-timepicker {
+  [kbn-time-input] {
+    text-align: center;
+  }
+  .kbn-timepicker-modes {
+    text-transform: capitalize;
+  }
+  .kbn-timepicker-section {
+    float: left;
+    padding: 0px 15px;
+  }
+  .kbn-refresh-section {
+    float: left;
+    padding: 0px 15px;
+  }
+  .kbn-timepicket-alert {
+    width: 100px;
+  }
+}