FossilRepo

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

Keyboard Shortcuts

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