client/src/app/+admin/moderation/moderation.component.scss

   1 @import 'variables';
   2 @import 'mixins';
   3 @import 'miniature';
   4
   5 .form-sub-title {
   6   flex-grow: 0;
   7   margin-right: 30px;
   8 }
   9
  10 .moderation-expanded {
  11   font-size: 90%;
  12
  13   .moderation-expanded-label {
  14     font-weight: $font-semibold;
  15     display: inline-block;
  16     vertical-align: top;
  17     text-align: right;
  18   }
  19
  20   .moderation-expanded-text {
  21     display: inline-flex;
  22     word-wrap: break-word;
  23
  24     ::ng-deep p:last-child {
  25       margin-bottom: 0px !important;
  26     }
  27   }
  28 }
  29
  30 .video-abuse-states {
  31   & > :not(:first-child) {
  32     margin-left: .4rem;
  33   }
  34 }
  35
  36 .screenratio {
  37   position: relative;
  38   width: 100%;
  39   height: 0;
  40   padding-bottom: 56%;
  41
  42   div {
  43     @include miniature-thumbnail;
  44     position: absolute;
  45     height: 100%;
  46     width: 100%;
  47     display: inline-flex;
  48     justify-content: center;
  49     align-items: center;
  50     color: var(--inputPlaceholderColor);
  51   }
  52
  53   ::ng-deep iframe {
  54     position: absolute;
  55     width: 100% !important;
  56     height: 100% !important;
  57     left: 0;
  58     top: 0;
  59   }
  60 }
  61
  62 .chip {
  63   @include chip;
  64 }
  65
  66 my-action-dropdown.show {
  67   ::ng-deep .dropdown-root {
  68     display: block !important;
  69   }
  70 }