wcfsetup/install/files/style/ui/acl.scss

   1 /* object list, e.g. users and groups */
   2 .aclList {
   3         max-height: 400px;
   4         overflow: auto;
   5 }
   6
   7 .aclList:not(:empty) {
   8         border-bottom: 1px solid var(--wcfContentBorder);
   9         border-top: 1px solid var(--wcfContentBorder);
  10 }
  11
  12 .aclListItem {
  13         align-items: center;
  14         display: flex;
  15         padding: 10px 0;
  16 }
  17
  18 .aclListItem:not(.active) {
  19         cursor: pointer;
  20 }
  21
  22 .aclListItem.active {
  23         background-color: var(--wcfTabularBoxBackgroundActive);
  24 }
  25
  26 .aclListItemIcon {
  27         flex: 0 0 36px;
  28         padding: 0 5px;
  29 }
  30
  31 .aclLabel {
  32         flex: 1 1 auto;
  33         margin: 0 5px;
  34 }
  35
  36 .aclListItem:first-child {
  37         border-top: none;
  38 }
  39
  40 .aclListItem:last-child {
  41         border-bottom: none;
  42 }
  43
  44 /* search input */
  45 .aclSearchInput {
  46         margin-top: 20px !important;
  47 }
  48
  49 /* permissions per object */
  50 .aclPermissionList {
  51         margin-top: 40px;
  52         position: relative;
  53         display: grid;
  54         column-gap: 1px;
  55         grid-template-columns: 10px auto repeat(3, 60px);
  56         grid-template-rows: auto;
  57 }
  58
  59 .aclPermissionListItem:not(:last-child):not(:first-child) {
  60         border-bottom: 1px solid var(--wcfContentBorderInner);
  61 }
  62
  63 .aclOption {
  64         grid-column: 1 / span 5;
  65         transition: background-color 0.2s;
  66         padding: 10px 0;
  67         display: grid;
  68         grid-template-columns: subgrid;
  69         grid-template-rows: subgrid;
  70 }
  71
  72 .aclOptionTitle {
  73         grid-column: span 2;
  74         grid-column-start: 2;
  75 }
  76
  77 .aclOptionInputLabel {
  78         text-align: center;
  79         cursor: pointer;
  80 }
  81
  82 .aclOption:hover {
  83         background-color: var(--wcfTabularBoxBackgroundActive);
  84 }
  85
  86 .aclCategory {
  87         grid-column: 1 / span 5;
  88         padding: 20px 10px 10px 0;
  89
  90         @include wcfFontHeadline;
  91 }
  92
  93 .aclHeader {
  94         grid-column: 1 / span 5;
  95         position: sticky;
  96         border-bottom: 1px solid var(--wcfContentBorder);
  97         top: 50px;
  98         background-color: var(--wcfContentContainerBackground);
  99         display: grid;
 100         grid-template-columns: subgrid;
 101         grid-template-rows: subgrid;
 102 }
 103
 104 .aclHeaderSpan {
 105         text-align: center;
 106         @include wcfFontSmall;
 107 }
 108
 109 .aclHeaderInherited {
 110         grid-column-start: 3;
 111 }
 112
 113 .aclHeaderGrant {
 114         grid-column-start: 4;
 115 }
 116
 117 .aclHeaderDeny {
 118         grid-column-start: 5;
 119 }