]>
Commit | Line | Data |
---|---|---|
8133e8cf | 1 | .@{prefixClass}-panel-select { |
02de449a | 2 | float: left; |
02de449a | 3 | font-size: 12px; |
4 | border: 1px solid #e9e9e9; | |
5 | border-width: 0 1px; | |
6 | margin-left: -1px; | |
7 | box-sizing: border-box; | |
8 | width: 56px; | |
7440ae22 SL |
9 | max-height: 144px; |
10 | overflow-y: auto; | |
5c1299b0 | 11 | position: relative; // Fix chrome weird render bug |
02de449a | 12 | |
d093074a | 13 | &-active { |
85d09ad3 | 14 | overflow-y: auto; |
15 | } | |
16 | ||
02de449a | 17 | &:first-child { |
18 | border-left: 0; | |
19 | margin-left: 0; | |
20 | } | |
21 | ||
22 | &:last-child { | |
23 | border-right: 0; | |
24 | } | |
25 | ||
26 | ul { | |
27 | list-style: none; | |
85d09ad3 | 28 | box-sizing: border-box; |
02de449a | 29 | margin: 0; |
30 | padding: 0; | |
31 | width: 100%; | |
02de449a | 32 | } |
33 | ||
34 | li { | |
35 | list-style: none; | |
5c1299b0 | 36 | box-sizing: content-box; |
02de449a | 37 | margin: 0; |
38 | padding: 0 0 0 16px; | |
39 | width: 100%; | |
40 | height: 24px; | |
41 | line-height: 24px; | |
42 | text-align: left; | |
43 | cursor: pointer; | |
44 | user-select: none; | |
45 | ||
02de449a | 46 | &:hover { |
47 | background: #edfaff; | |
48 | } | |
49 | } | |
8133e8cf | 50 | |
518b852e | 51 | li&-option-selected { |
8133e8cf | 52 | background: #edfaff; |
53 | color: #2db7f5; | |
54 | } | |
518b852e M |
55 | |
56 | li&-option-disabled { | |
57 | color: #bfbfbf; | |
58 | &:hover { | |
59 | background: transparent; | |
60 | cursor: not-allowed; | |
61 | } | |
62 | } | |
02de449a | 63 | } |