8
8
9
9
/* Style when highlighting a search. */
10
10
.ui-select-highlight {
11
- font-weight : bold;
11
+ font-weight : bold;
12
12
}
13
13
14
14
.ui-select-offscreen {
15
- clip : rect (0 0 0 0 ) !important ;
16
- width : 1px !important ;
17
- height : 1px !important ;
18
- border : 0 !important ;
19
- margin : 0 !important ;
20
- padding : 0 !important ;
21
- overflow : hidden !important ;
22
- position : absolute !important ;
23
- outline : 0 !important ;
24
- left : 0px !important ;
25
- top : 0px !important ;
15
+ clip : rect (0 0 0 0 ) !important ;
16
+ width : 1px !important ;
17
+ height : 1px !important ;
18
+ border : 0 !important ;
19
+ margin : 0 !important ;
20
+ padding : 0 !important ;
21
+ overflow : hidden !important ;
22
+ position : absolute !important ;
23
+ outline : 0 !important ;
24
+ left : 0px !important ;
25
+ top : 0px !important ;
26
26
}
27
27
28
28
/* Select2 theme */
29
29
30
30
/* Mark invalid Select2 */
31
31
.ng-dirty .ng-invalid > a .select2-choice {
32
- border-color : # D44950 ;
32
+ border-color : # D44950 ;
33
33
}
34
34
35
35
.select2-result-single {
36
- padding-left : 0 ;
36
+ padding-left : 0 ;
37
37
}
38
38
39
39
.select2-locked > .select2-search-choice-close {
40
- display : none;
40
+ display : none;
41
41
}
42
42
43
43
.select-locked > .ui-select-match-close {
44
- display : none;
44
+ display : none;
45
45
}
46
46
47
47
body > .select2-container .open {
48
- z-index : 9999 ; /* The z-index Select2 applies to the select2-drop */
48
+ z-index : 9999 ; /* The z-index Select2 applies to the select2-drop */
49
49
}
50
50
51
51
/* Selectize theme */
52
52
53
53
/* Helper class to show styles when focus */
54
54
.selectize-input .selectize-focus {
55
- border-color : # 007FBB !important ;
55
+ border-color : # 007FBB !important ;
56
56
}
57
57
58
58
/* Fix input width for Selectize theme */
59
59
.selectize-control > .selectize-input > input {
60
- width : 100% ;
60
+ width : 100% ;
61
61
}
62
62
63
63
/* Fix dropdown width for Selectize theme */
64
64
.selectize-control > .selectize-dropdown {
65
- width : 100% ;
65
+ width : 100% ;
66
66
}
67
67
68
68
/* Mark invalid Selectize */
69
69
.ng-dirty .ng-invalid > div .selectize-input {
70
- border-color : # D44950 ;
70
+ border-color : # D44950 ;
71
71
}
72
72
73
73
74
74
/* Bootstrap theme */
75
75
76
76
/* Helper class to show styles when focus */
77
77
.btn-default-focus {
78
- color : # 333 ;
79
- background-color : # EBEBEB ;
80
- border-color : # ADADAD ;
81
- text-decoration : none;
82
- outline : 5px auto -webkit-focus-ring-color;
83
- outline-offset : -2px ;
84
- box-shadow : inset 0 1px 1px rgba (0 , 0 , 0 , 0.075 ), 0 0 8px rgba (102 , 175 , 233 , 0.6 );
78
+ color : # 333 ;
79
+ background-color : # EBEBEB ;
80
+ border-color : # ADADAD ;
81
+ text-decoration : none;
82
+ outline : 5px auto -webkit-focus-ring-color;
83
+ outline-offset : -2px ;
84
+ box-shadow : inset 0 1px 1px rgba (0 , 0 , 0 , 0.075 ), 0 0 8px rgba (102 , 175 , 233 , 0.6 );
85
85
}
86
86
87
87
.ui-select-bootstrap .ui-select-toggle {
88
- position : relative;
88
+ position : relative;
89
89
}
90
90
91
91
.ui-select-bootstrap .ui-select-toggle > .caret {
92
- position : absolute;
93
- height : 10px ;
94
- top : 50% ;
95
- right : 10px ;
96
- margin-top : -2px ;
92
+ position : absolute;
93
+ height : 10px ;
94
+ top : 50% ;
95
+ right : 10px ;
96
+ margin-top : -2px ;
97
97
}
98
98
99
99
/* Fix Bootstrap dropdown position when inside a input-group */
100
100
.input-group > .ui-select-bootstrap .dropdown {
101
- /* Instead of relative */
102
- position : static;
101
+ /* Instead of relative */
102
+ position : static;
103
103
}
104
104
105
105
.input-group > .ui-select-bootstrap > input .ui-select-search .form-control {
106
- border-radius : 4px ; /* FIXME hardcoded value :-/ */
107
- border-top-right-radius : 0 ;
108
- border-bottom-right-radius : 0 ;
106
+ border-radius : 4px ; /* FIXME hardcoded value :-/ */
107
+ border-top-right-radius : 0 ;
108
+ border-bottom-right-radius : 0 ;
109
109
}
110
110
111
111
.ui-select-bootstrap > .ui-select-match > .btn {
112
- /* Instead of center because of .btn */
113
- text-align : left !important ;
112
+ /* Instead of center because of .btn */
113
+ text-align : left !important ;
114
114
}
115
115
116
116
.ui-select-bootstrap > .ui-select-match > .caret {
117
- position : absolute;
118
- top : 45% ;
119
- right : 15px ;
117
+ position : absolute;
118
+ top : 45% ;
119
+ right : 15px ;
120
120
}
121
121
122
122
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
123
123
.ui-select-bootstrap > .ui-select-choices {
124
- width : 100% ;
125
- height : auto;
126
- max-height : 200px ;
127
- overflow-x : hidden;
128
- margin-top : -1px ;
124
+ width : 100% ;
125
+ height : auto;
126
+ max-height : 200px ;
127
+ overflow-x : hidden;
128
+ margin-top : -1px ;
129
129
}
130
130
131
131
body > .ui-select-bootstrap .open {
132
- z-index : 1000 ; /* Standard Bootstrap dropdown z-index */
132
+ z-index : 1000 ; /* Standard Bootstrap dropdown z-index */
133
133
}
134
134
135
135
.ui-select-multiple .ui-select-bootstrap {
136
- height : auto;
137
- padding : 3px 3px 0 3px ;
136
+ height : auto;
137
+ padding : 3px 3px 0 3px ;
138
138
}
139
139
140
140
.ui-select-multiple .ui-select-bootstrap input .ui-select-search {
141
- background-color : transparent !important ; /* To prevent double background when disabled */
142
- border : none;
143
- outline : none;
144
- height : 1.666666em ;
145
- margin-bottom : 3px ;
141
+ background-color : transparent !important ; /* To prevent double background when disabled */
142
+ border : none;
143
+ outline : none;
144
+ height : 1.666666em ;
145
+ margin-bottom : 3px ;
146
146
}
147
147
148
148
.ui-select-multiple .ui-select-bootstrap .ui-select-match .close {
149
- font-size : 1.6em ;
150
- line-height : 0.75 ;
149
+ font-size : 1.6em ;
150
+ line-height : 0.75 ;
151
151
}
152
152
153
153
.ui-select-multiple .ui-select-bootstrap .ui-select-match-item {
154
- outline : 0 ;
155
- margin : 0 3px 3px 0 ;
154
+ outline : 0 ;
155
+ margin : 0 3px 3px 0 ;
156
156
}
157
157
158
158
.ui-select-multiple .ui-select-match-item {
159
- position : relative;
159
+ position : relative;
160
160
}
161
161
162
162
.ui-select-multiple .ui-select-match-item .dropping-before : before {
163
- content : "" ;
164
- position : absolute;
165
- top : 0 ;
166
- right : 100% ;
167
- height : 100% ;
168
- margin-right : 2px ;
169
- border-left : 1px solid # 428bca ;
163
+ content : "" ;
164
+ position : absolute;
165
+ top : 0 ;
166
+ right : 100% ;
167
+ height : 100% ;
168
+ margin-right : 2px ;
169
+ border-left : 1px solid # 428bca ;
170
170
}
171
171
172
172
.ui-select-multiple .ui-select-match-item .dropping-after : after {
173
- content : "" ;
174
- position : absolute;
175
- top : 0 ;
176
- left : 100% ;
177
- height : 100% ;
178
- margin-left : 2px ;
179
- border-right : 1px solid # 428bca ;
173
+ content : "" ;
174
+ position : absolute;
175
+ top : 0 ;
176
+ left : 100% ;
177
+ height : 100% ;
178
+ margin-left : 2px ;
179
+ border-right : 1px solid # 428bca ;
180
180
}
181
181
182
182
.ui-select-bootstrap .ui-select-choices-row > a {
183
- display : block;
184
- padding : 3px 20px ;
185
- clear : both;
186
- font-weight : 400 ;
187
- line-height : 1.42857143 ;
188
- color : # 333 ;
189
- white-space : nowrap;
183
+ display : block;
184
+ padding : 3px 20px ;
185
+ clear : both;
186
+ font-weight : 400 ;
187
+ line-height : 1.42857143 ;
188
+ color : # 333 ;
189
+ white-space : nowrap;
190
190
}
191
191
192
192
.ui-select-bootstrap .ui-select-choices-row > a : hover , .ui-select-bootstrap .ui-select-choices-row > a : focus {
193
- text-decoration : none;
194
- color : # 262626 ;
195
- background-color : # f5f5f5 ;
193
+ text-decoration : none;
194
+ color : # 262626 ;
195
+ background-color : # f5f5f5 ;
196
196
}
197
197
198
198
.ui-select-bootstrap .ui-select-choices-row .active > a {
199
- color : # fff ;
200
- text-decoration : none;
201
- outline : 0 ;
202
- background-color : # 428bca ;
199
+ color : # fff ;
200
+ text-decoration : none;
201
+ outline : 0 ;
202
+ background-color : # 428bca ;
203
203
}
204
204
205
205
.ui-select-bootstrap .ui-select-choices-row .disabled > a ,
206
206
.ui-select-bootstrap .ui-select-choices-row .active .disabled > a {
207
- color : # 777 ;
208
- cursor : not-allowed;
209
- background-color : # fff ;
207
+ color : # 777 ;
208
+ cursor : not-allowed;
209
+ background-color : # fff ;
210
210
}
211
211
212
212
/* fix hide/show angular animation */
213
213
.ui-select-match .ng-hide-add ,
214
214
.ui-select-search .ng-hide-add {
215
- display : none !important ;
215
+ display : none !important ;
216
216
}
217
217
218
218
/* Mark invalid Bootstrap */
219
219
.ui-select-bootstrap .ng-dirty .ng-invalid > button .btn .ui-select-match {
220
- border-color : # D44950 ;
221
- }
220
+ border-color : # D44950 ;
221
+ }
0 commit comments