查看 | 历史 | 提交 | 提交对比
hjg
2023-11-18 bb48edb3d9faaaeab0088151c86fc24137acdb08
提交 | 用户 | 时间
58d006 1 .enable_plugin_select2() when(@enable-plugin-select2 = true) {
A 2
3 .select2-container--default .select2-selection {
4     .border-radius(0);
5      line-height: 24px;
6 }
7
8 .select2-container--default .select2-selection {
9     border-color: #AAA;
10 }
11 .select2-container--default.select2-container--focus .select2-selection {
12     border-color: #4492C9;
13 }
14 .select2-container--open .select2-dropdown {
15     .border-radius(0);
16 }
17
18 .select2-container--open .select2-dropdown {
19     border-color: #4492c9;
20     .box-shadow(~"0 -4px 5px rgba(0, 0, 0, 0.15)");
21 }
22
23
24 .select2-container--default .select2-selection .select2-selection__clear {
25     position: absolute;
26     right: -32px;
27     font-size: 16px;
28 }
29
30 .select2-container .select2-selection--single {
31     height: 32px;
32 }
33
34
35
36 .select2-container--default .select2-selection .select2-selection__choice__remove {
37     font-size: 15px;
38     margin-right: 3px;
39 }
40
41 .select2-container--default .select2-results__option[aria-selected="true"] {
42     background-color: #E4EEF5;
43 }
44 .select2-container--default .select2-results__option--highlighted[aria-selected] {
45     background-color: #4F99C6;
46 }
47
48
49
50 .select2-search {
51     background: none;
52     &:before {
53         font-family: FontAwesome;
54         font-size: @base-font-size - 1;
55         display: inline;
56         content: "\f002";
57         color: #888;
58         position: absolute;
59         right: 12px;
60         top: 8px;
61     }
62     &:hover:before {
63         color:#555;
64     }
65 }
66 .select2-selection--multiple .select2-search:before {
67     display: none;
68 }
69
70
71
72
73 .select2-container--default .select2-selection {
74     .form-group.has-error & {
75         border-color:@error-state-border !important;
76     }
77     .form-group.has-info & {
78         border-color:@info-state-border !important;
79     }
80     .form-group.has-warning & {
81         border-color:@warning-state-border !important;
82     }
83     .form-group.has-success & {
84         border-color:@success-state-border !important;
85     }
86 }
87
88
89
90 //a second style (like tag inpit)
91 .enable_plugin_select2_style_2() when(@enable-plugin-select2-style-2 = true) {
92 .select2.tag-input-style {
93
94     .select2-selection .select2-selection__choice {
95         background-color:@tag-bg;
96         color: #FFFFFF;
97         display: inline-block;
98         font-size: @base-font-size;
99         font-weight: normal;
100         margin-bottom: 2px;
101         margin-right: 2px;
102         padding: 6px 22px 7px 9px;
103         position: relative;
104         text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
105         transition: all 0.2s ease 0s;
106         vertical-align: baseline;
107         white-space: nowrap;
108         
109         border:none;
110         .box-shadow(none);
111         .border-radius(0);
112         
113         .select2-selection__choice__remove {
114             position: absolute;
115             top:0;
116             bottom:0;
117             right:-2px;
118             left: auto;
119             width: 18px;
120             height: auto;
121             line-height: 36px;
122             text-align: center;
123             
124             color: #FFF;
125             
126             &:hover {
127                 background-color: rgba(0,0,0,0.2);
128                 color: #FFF;
129             }
130         }
131     }
132 }
133
134 }
135 .enable_plugin_select2_style_2();
136
137 }
138
139 .enable_plugin_select2();