FossilRepo

fossilrepo / assets / admin / css / autocomplete.d24f10bdee41.css
Blame History Raw 280 lines
1
select.admin-autocomplete {
2
width: 20em;
3
}
4
5
.select2-container--admin-autocomplete.select2-container {
6
min-height: 30px;
7
}
8
9
.select2-container--admin-autocomplete .select2-selection--single,
10
.select2-container--admin-autocomplete .select2-selection--multiple {
11
min-height: 30px;
12
padding: 0;
13
}
14
15
.select2-container--admin-autocomplete.select2-container--focus .select2-selection,
16
.select2-container--admin-autocomplete.select2-container--open .select2-selection {
17
border-color: var(--body-quiet-color);
18
min-height: 30px;
19
}
20
21
.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--single,
22
.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--single {
23
padding: 0;
24
}
25
26
.select2-container--admin-autocomplete.select2-container--focus .select2-selection.select2-selection--multiple,
27
.select2-container--admin-autocomplete.select2-container--open .select2-selection.select2-selection--multiple {
28
padding: 0;
29
}
30
31
.select2-container--admin-autocomplete .select2-selection--single {
32
background-color: var(--body-bg);
33
border: 1px solid var(--border-color);
34
border-radius: 4px;
35
}
36
37
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__rendered {
38
color: var(--body-fg);
39
line-height: 30px;
40
}
41
42
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear {
43
cursor: pointer;
44
float: right;
45
font-weight: bold;
46
}
47
48
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__placeholder {
49
color: var(--body-quiet-color);
50
}
51
52
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow {
53
height: 26px;
54
position: absolute;
55
top: 1px;
56
right: 1px;
57
width: 20px;
58
}
59
60
.select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow b {
61
border-color: #888 transparent transparent transparent;
62
border-style: solid;
63
border-width: 5px 4px 0 4px;
64
height: 0;
65
left: 50%;
66
margin-left: -4px;
67
margin-top: -2px;
68
position: absolute;
69
top: 50%;
70
width: 0;
71
}
72
73
.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__clear {
74
float: left;
75
}
76
77
.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--single .select2-selection__arrow {
78
left: 1px;
79
right: auto;
80
}
81
82
.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single {
83
background-color: var(--darkened-bg);
84
cursor: default;
85
}
86
87
.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single .select2-selection__clear {
88
display: none;
89
}
90
91
.select2-container--admin-autocomplete.select2-container--open .select2-selection--single .select2-selection__arrow b {
92
border-color: transparent transparent #888 transparent;
93
border-width: 0 4px 5px 4px;
94
}
95
96
.select2-container--admin-autocomplete .select2-selection--multiple {
97
background-color: var(--body-bg);
98
border: 1px solid var(--border-color);
99
border-radius: 4px;
100
cursor: text;
101
}
102
103
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered {
104
box-sizing: border-box;
105
list-style: none;
106
margin: 0;
107
padding: 0 10px 5px 5px;
108
width: 100%;
109
display: flex;
110
flex-wrap: wrap;
111
}
112
113
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__rendered li {
114
list-style: none;
115
}
116
117
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__placeholder {
118
color: var(--body-quiet-color);
119
margin-top: 5px;
120
float: left;
121
}
122
123
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__clear {
124
cursor: pointer;
125
float: right;
126
font-weight: bold;
127
margin: 5px;
128
position: absolute;
129
right: 0;
130
}
131
132
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice {
133
background-color: var(--darkened-bg);
134
border: 1px solid var(--border-color);
135
border-radius: 4px;
136
cursor: default;
137
float: left;
138
margin-right: 5px;
139
margin-top: 5px;
140
padding: 0 5px;
141
}
142
143
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove {
144
color: var(--body-quiet-color);
145
cursor: pointer;
146
display: inline-block;
147
font-weight: bold;
148
margin-right: 2px;
149
}
150
151
.select2-container--admin-autocomplete .select2-selection--multiple .select2-selection__choice__remove:hover {
152
color: var(--body-fg);
153
}
154
155
.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-search--inline {
156
float: right;
157
}
158
159
.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
160
margin-left: 5px;
161
margin-right: auto;
162
}
163
164
.select2-container--admin-autocomplete[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
165
margin-left: 2px;
166
margin-right: auto;
167
}
168
169
.select2-container--admin-autocomplete.select2-container--focus .select2-selection--multiple {
170
border: solid var(--body-quiet-color) 1px;
171
outline: 0;
172
}
173
174
.select2-container--admin-autocomplete.select2-container--disabled .select2-selection--multiple {
175
background-color: var(--darkened-bg);
176
cursor: default;
177
}
178
179
.select2-container--admin-autocomplete.select2-container--disabled .select2-selection__choice__remove {
180
display: none;
181
}
182
183
.select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--above .select2-selection--multiple {
184
border-top-left-radius: 0;
185
border-top-right-radius: 0;
186
}
187
188
.select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--single, .select2-container--admin-autocomplete.select2-container--open.select2-container--below .select2-selection--multiple {
189
border-bottom-left-radius: 0;
190
border-bottom-right-radius: 0;
191
}
192
193
.select2-container--admin-autocomplete .select2-search--dropdown {
194
background: var(--darkened-bg);
195
}
196
197
.select2-container--admin-autocomplete .select2-search--dropdown .select2-search__field {
198
background: var(--body-bg);
199
color: var(--body-fg);
200
border: 1px solid var(--border-color);
201
border-radius: 4px;
202
}
203
204
.select2-container--admin-autocomplete .select2-search--inline .select2-search__field {
205
background: transparent;
206
color: var(--body-fg);
207
border: none;
208
outline: 0;
209
box-shadow: none;
210
-webkit-appearance: textfield;
211
}
212
213
.select2-container--admin-autocomplete .select2-results > .select2-results__options {
214
max-height: 200px;
215
overflow-y: auto;
216
color: var(--body-fg);
217
background: var(--body-bg);
218
}
219
220
.select2-container--admin-autocomplete .select2-results__option[role=group] {
221
padding: 0;
222
}
223
224
.select2-container--admin-autocomplete .select2-results__option[aria-disabled=true] {
225
color: var(--body-quiet-color);
226
}
227
228
.select2-container--admin-autocomplete .select2-results__option[aria-selected=true] {
229
background-color: var(--selected-bg);
230
color: var(--body-fg);
231
}
232
233
.select2-container--admin-autocomplete .select2-results__option .select2-results__option {
234
padding-left: 1em;
235
}
236
237
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__group {
238
padding-left: 0;
239
}
240
241
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option {
242
margin-left: -1em;
243
padding-left: 2em;
244
}
245
246
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
247
margin-left: -2em;
248
padding-left: 3em;
249
}
250
251
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
252
margin-left: -3em;
253
padding-left: 4em;
254
}
255
256
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
257
margin-left: -4em;
258
padding-left: 5em;
259
}
260
261
.select2-container--admin-autocomplete .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
262
margin-left: -5em;
263
padding-left: 6em;
264
}
265
266
.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
267
background-color: var(--primary);
268
color: var(--primary-fg);
269
}
270
271
.select2-container--admin-autocomplete .select2-results__group {
272
cursor: default;
273
display: block;
274
padding: 6px;
275
}
276
277
.errors .select2-selection {
278
border: 1px solid var(--error-fg);
279
}
280

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button