Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / scrollableCheckboxList.scss
1 .scrollableCheckboxList {
2 background-color: $wcfInputBackground;
3 border: 1px solid $wcfInputBorder;
4 color: $wcfInputText;
5 max-height: 500px;
6 max-width: 500px;
7 overflow: auto;
8 padding: 5px;
9
10 li {
11 overflow: hidden;
12 text-overflow: ellipsis;
13 white-space: nowrap;
14 }
15 }
16
17 .dialogContent .scrollableCheckboxList {
18 max-height: 300px;
19 }
20
21 .itemListFilter {
22 max-width: 500px;
23
24 > .inputAddon {
25 margin-top: 5px;
26 }
27
28 .scrollableCheckboxList {
29 &[data-filter="highlightActive"] > li:not(.active) {
30 opacity: 0.6;
31 }
32
33 &[data-filter="activeOnly"] > li:not(.active) {
34 display: none;
35 }
36 }
37 }