box-sizing: border-box;
width: 56px;
overflow: hidden;
+ position: relative; // Fix chrome weird render bug
+
+ &:hover {
+ overflow-y: auto;
+ }
&:first-child {
border-left: 0;
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 {
}
}
- &-option-selected {
+ li&-option-selected {
background: #edfaff;
color: #2db7f5;
}
+
+ li&-option-disabled {
+ color: #bfbfbf;
+ &:hover {
+ background: transparent;
+ cursor: not-allowed;
+ }
+ }
}