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         &:not(:empty) {
   7                 border-bottom: 1px solid var(--wcfContentBorder);
   8                 border-top: 1px solid var(--wcfContentBorder);
   9         }
  10
  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: var(--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                 }
  33
  34                 &:first-child {
  35                         border-top: none;
  36                 }
  37
  38                 &:last-child {
  39                         border-bottom: none;
  40                 }
  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;
  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         }
  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 }