box-sizing: border-box;
width: 56px;
overflow: hidden;
+ position: relative; // Fix chrome weird render bug
&:hover {
overflow-y: auto;
li {
list-style: none;
- box-sizing: border-box;
+ box-sizing: content-box;
margin: 0;
padding: 0 0 0 16px;
width: 100%;
}
}
- &-option-selected {
+ li&-option-selected {
background: #edfaff;
color: #2db7f5;
}
+
+ li&-option-disabled {
+ color: #bfbfbf;
+ &:hover {
+ background: transparent;
+ cursor: not-allowed;
+ }
+ }
}