margin-left: -1px;
box-sizing: border-box;
width: 56px;
- overflow: hidden;
+ max-height: 144px;
+ overflow-y: auto;
+ position: relative; // Fix chrome weird render bug
- &:hover {
+ &-active {
overflow-y: auto;
}
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%;
}
}
- &-option-selected {
- background: #edfaff;
- color: #2db7f5;
+ li&-option-selected {
+ background: #f7f7f7;
+ font-weight: bold;
+ }
+
+ li&-option-disabled {
+ color: #ccc;
+ &:hover {
+ background: transparent;
+ cursor: not-allowed;
+ }
}
}