client/src/app/+admin/overview/users/user-list/user-list.component.scss

   1 @use 'sass:color';
   2
   3 @use '_variables' as *;
   4 @use '_mixins' as *;
   5
   6 @use 'bootstrap/scss/functions' as *;
   7
   8 tr.banned > td {
   9   background-color: color.adjust($color: $red, $lightness: 40%) !important;
  10 }
  11
  12 .banned-info {
  13   font-style: italic;
  14 }
  15
  16 .ban-reason-label {
  17   font-weight: $font-semibold;
  18 }
  19
  20 .cell-username .pt-badge {
  21   @include margin-left(15px);
  22 }
  23
  24 p-tableCheckbox {
  25   position: relative;
  26   top: -2.5px;
  27 }
  28
  29 my-global-icon {
  30   width: 18px;
  31 }
  32
  33 .progress {
  34   @include progressbar($small: true);
  35
  36   width: auto;
  37   max-width: 100%;
  38 }
  39
  40 @media screen and (max-width: $primeng-breakpoint) {
  41   .progress {
  42     width: 100%;
  43   }
  44
  45   .empty-cell {
  46     padding: 0;
  47   }
  48 }