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