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-label {
  11   font-weight: $font-semibold;
  12   display: inline-block;
  13   vertical-align: top;
  14   text-align: right;
  15 }
  16
  17 .moderation-expanded-text {
  18   display: inline-block;
  19   word-wrap: break-word;
  20
  21   ::ng-deep p:last-child {
  22     margin-bottom: 0px !important;
  23   }
  24 }
  25
  26 .video-abuse-states {
  27   & > :not(:first-child) {
  28     margin-left: .4rem;
  29   }
  30 }
  31
  32 .glyphicon-trash {
  33   font-size: 80%;
  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   }
  51
  52   ::ng-deep iframe {
  53     position: absolute;
  54     width: 100% !important;
  55     height: 100% !important;
  56     left: 0;
  57     top: 0;
  58   }
  59 }
  60
  61 .chip {
  62   @include chip;
  63 }