Added 12hours display support

[github/fretlink/time-picker.git] / assets / index / Select.less

diff --git a/assets/index/Select.less b/assets/index/Select.less
index 4efeac9ba721077e150c8aabd924320527454532..13b5b187418cb53ebf11e9bfd186c8ebd1389ad4 100644 (file)
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -7,6 +7,11 @@
   box-sizing: border-box;
   width: 56px;
   overflow: hidden;
+  position: relative; // Fix chrome weird render bug
+
+  &:hover {
+    overflow-y: auto;
+  }
 
   &:first-child {
     border-left: 0;
@@ -19,13 +24,11 @@
 
   ul {
     list-style: none;
-    box-sizing: content-box;
+    box-sizing: border-box;
     margin: 0;
     padding: 0;
     width: 100%;
     max-height: 144px;
-    overflow: auto;
-    padding-right: 16px;
   }
 
   li {
@@ -45,8 +48,16 @@
     }
   }
 
-  &-option-selected {
+  li&-option-selected {
     background: #edfaff;
     color: #2db7f5;
   }
+
+  li&-option-disabled {
+    color: #bfbfbf;
+    &:hover {
+      background: transparent;
+      cursor: not-allowed;
+    }
+  }
 }