]>
Commit | Line | Data |
---|---|---|
1 | .@{prefixClass}-panel-select { | |
2 | float: left; | |
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; | |
9 | max-height: 144px; | |
10 | overflow-y: auto; | |
11 | position: relative; // Fix chrome weird render bug | |
12 | ||
13 | &-active { | |
14 | overflow-y: auto; | |
15 | } | |
16 | ||
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; | |
28 | box-sizing: border-box; | |
29 | margin: 0; | |
30 | padding: 0; | |
31 | width: 100%; | |
32 | } | |
33 | ||
34 | li { | |
35 | list-style: none; | |
36 | box-sizing: content-box; | |
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 | ||
46 | &:hover { | |
47 | background: #edfaff; | |
48 | } | |
49 | } | |
50 | ||
51 | li&-option-selected { | |
52 | background: #f7f7f7; | |
53 | font-weight: bold; | |
54 | } | |
55 | ||
56 | li&-option-disabled { | |
57 | color: #ccc; | |
58 | &:hover { | |
59 | background: transparent; | |
60 | cursor: not-allowed; | |
61 | } | |
62 | } | |
63 | } |