Merge pull request #50 from sunlee-newyork/master

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

diff --git a/assets/index/Select.less b/assets/index/Select.less
index 995d09efb8159ab16fbce57049ac3047c762d512..ecef8a85fd8e2538a4cde820141775a08276e3d4 100644 (file)
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -1,12 +1,18 @@
-.@{prefixClass}-select {
+.@{prefixClass}-panel-select {
   float: left;
-  overflow-y:auto;
   font-size: 12px;
   border: 1px solid #e9e9e9;
   border-width: 0 1px;
   margin-left: -1px;
   box-sizing: border-box;
   width: 56px;
+  max-height: 144px;
+  overflow-y: auto;
+  position: relative; // Fix chrome weird render bug
+
+  &-active {
+    overflow-y: auto;
+  }
 
   &:first-child {
     border-left: 0;
@@ -23,12 +29,11 @@
     margin: 0;
     padding: 0;
     width: 100%;
-    max-height: 144px;
   }
 
   li {
     list-style: none;
-    box-sizing: border-box;
+    box-sizing: content-box;
     margin: 0;
     padding: 0 0 0 16px;
     width: 100%;
@@ -38,13 +43,21 @@
     cursor: pointer;
     user-select: none;
 
-    &.selected {
+    &:hover {
       background: #edfaff;
-      color: #2db7f5;
     }
+  }
+
+  li&-option-selected {
+    background: #edfaff;
+    color: #2db7f5;
+  }
 
+  li&-option-disabled {
+    color: #bfbfbf;
     &:hover {
-      background: #edfaff;
+      background: transparent;
+      cursor: not-allowed;
     }
   }
 }