client/src/app/shared/shared-moderation/moderation.scss

   1 @use '_variables';
   2 @use '_mixins';
   3 @use '_miniature';
   4
   5 .moderation-expanded {
   6   font-size: 90%;
   7
   8   .moderation-expanded-label {
   9     font-weight: $font-semibold;
  10     display: inline-block;
  11     vertical-align: top;
  12     text-align: end;
  13   }
  14
  15   .moderation-expanded-text {
  16     display: inline-flex;
  17     word-wrap: break-word;
  18
  19     ::ng-deep p:last-child {
  20       margin-bottom: 0 !important;
  21     }
  22   }
  23 }
  24
  25 .screenratio {
  26   @include block-ratio($selector: 'div, ::ng-deep iframe') {
  27     width: 100% !important;
  28     height: 100% !important;
  29     left: 0;
  30   };
  31
  32   div {
  33     @include miniature-thumbnail;
  34
  35     display: inline-flex;
  36     justify-content: center;
  37     align-items: center;
  38     color: pvar(--inputPlaceholderColor);
  39   }
  40 }
  41
  42 .chip {
  43   @include chip;
  44 }
  45
  46 my-action-dropdown.show {
  47   ::ng-deep .dropdown-root {
  48     display: block !important;
  49   }
  50 }
  51
  52 .table-video-link {
  53   @include disable-outline;
  54
  55   position: relative;
  56   top: 3px;
  57 }
  58
  59 .table-comment-link,
  60 .table-account-link {
  61   @include disable-outline;
  62
  63   color: var(--mainForegroundColor);
  64
  65   ::ng-deep p:last-child {
  66     margin: 0;
  67   }
  68 }
  69
  70 .table-account-link {
  71   display: flex;
  72   flex-direction: column;
  73 }
  74
  75 .table-video {
  76   display: inline-flex;
  77
  78   .table-video-image {
  79     $image-height: 45px;
  80
  81     @include miniature-thumbnail;
  82     @include margin-right(0.5rem);
  83
  84     height: $image-height;
  85     width: #{(16/9) * $image-height};
  86     border-radius: 2px;
  87     border: 0;
  88     background: transparent;
  89     display: inline-flex;
  90     justify-content: center;
  91     position: relative;
  92
  93     img {
  94       height: 100%;
  95       width: 100%;
  96       border-radius: 2px;
  97     }
  98
  99     span {
 100       color: pvar(--inputPlaceholderColor);
 101     }
 102
 103     .table-video-image-label {
 104       @include static-thumbnail-overlay;
 105       position: absolute;
 106       border-radius: 3px;
 107       font-size: 10px;
 108       padding: 0 3px;
 109       line-height: 1.3;
 110       bottom: 2px;
 111       right: 2px;
 112     }
 113   }
 114
 115   .table-video-text {
 116     display: inline-flex;
 117     flex-direction: column;
 118     justify-content: center;
 119     font-size: 90%;
 120     color: pvar(--mainForegroundColor);
 121     line-height: 1rem;
 122
 123     div .glyphicon {
 124       @include margin-left(0.1rem);
 125
 126       font-size: 80%;
 127       color: #808080;
 128     }
 129
 130     div + div {
 131       color: var(--greyForegroundColor);
 132       font-size: 11px;
 133     }
 134   }
 135 }