Commit | Line | Data |
---|---|---|
6cad44fd AE |
1 | /* object list, e.g. users and groups */ |
2 | .aclList { | |
bf3aa380 MW |
3 | max-height: 400px; |
4 | overflow: auto; | |
5 | ||
6 | &:not(:empty) { | |
7 | border-bottom: 1px solid $wcfContentBorder; | |
8 | border-top: 1px solid $wcfContentBorder; | |
9 | } | |
10 | ||
6cad44fd AE |
11 | > li { |
12 | align-items: center; | |
13 | display: flex; | |
14 | padding: 10px 0; | |
15 | ||
16 | &:not(.active) { | |
17 | cursor: pointer; | |
18 | } | |
19 | ||
20 | &.active { | |
21 | background-color: $wcfTabularBoxBackgroundActive; | |
22 | } | |
23 | ||
24 | > .icon { | |
25 | flex: 0 0 36px; | |
26 | padding: 0 5px; | |
27 | } | |
28 | ||
29 | > .aclLabel { | |
30 | flex: 1 1 auto; | |
31 | margin: 0 5px; | |
32 | } | |
bf3aa380 MW |
33 | |
34 | &:first-child { | |
35 | border-top: none; | |
36 | } | |
37 | ||
38 | &:last-child { | |
39 | border-bottom: none; | |
40 | } | |
6cad44fd AE |
41 | } |
42 | ||
43 | /* search input */ | |
44 | & + .dropdown { | |
45 | display: block; | |
46 | margin-top: 20px; | |
47 | } | |
48 | } | |
49 | ||
50 | /* permissions per object */ | |
51 | .aclPermissionList { | |
52 | margin-top: 40px; | |
f9b4f5f1 AE |
53 | position: relative; |
54 | ||
55 | &::after, | |
56 | &::before { | |
57 | min-width: 60px; | |
58 | position: absolute; | |
59 | text-align: center; | |
60 | top: -5px; | |
61 | transform: translateY(-100%); | |
62 | ||
63 | @include wcfFontSmall; | |
64 | } | |
65 | ||
66 | &::after { | |
67 | content: attr(data-deny); | |
68 | right: 0; | |
69 | } | |
70 | ||
71 | &::before { | |
72 | content: attr(data-grant); | |
73 | right: 80px; | |
74 | } | |
6cad44fd AE |
75 | |
76 | > li { | |
77 | &.aclCategory { | |
78 | padding: 20px 10px 10px 0; | |
79 | ||
80 | @include wcfFontHeadline; | |
81 | ||
82 | &:hover { | |
83 | background-color: transparent; | |
84 | } | |
85 | } | |
86 | ||
87 | &:not(.aclCategory) { | |
88 | display: flex; | |
89 | padding: 10px 0; | |
90 | } | |
91 | ||
92 | > span { | |
93 | flex: 1 1 auto; | |
94 | padding-left: 10px; | |
95 | } | |
96 | ||
97 | > label { | |
98 | cursor: pointer; | |
99 | flex: 0 0 auto; | |
100 | padding: 0 20px; | |
101 | ||
102 | & + label { | |
103 | margin-left: 20px; | |
104 | } | |
105 | } | |
106 | } | |
107 | } |