]> git.immae.eu Git - github/fretlink/time-picker.git/blob - assets/index/Select.less
3.0.0 :tada:
[github/fretlink/time-picker.git] / assets / index / Select.less
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 }