]>
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; | |
ec932558 | 9 | overflow: hidden; |
5c1299b0 | 10 | position: relative; // Fix chrome weird render bug |
02de449a | 11 | |
85d09ad3 | 12 | &:hover { |
13 | overflow-y: auto; | |
14 | } | |
15 | ||
02de449a | 16 | &:first-child { |
17 | border-left: 0; | |
18 | margin-left: 0; | |
19 | } | |
20 | ||
21 | &:last-child { | |
22 | border-right: 0; | |
23 | } | |
24 | ||
25 | ul { | |
26 | list-style: none; | |
85d09ad3 | 27 | box-sizing: border-box; |
02de449a | 28 | margin: 0; |
29 | padding: 0; | |
30 | width: 100%; | |
31 | max-height: 144px; | |
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 | } |