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

   1 @import 'variables';
   2 @import 'mixins';
   3 @import '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: right;
  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: 0px !important;
  21     }
  22   }
  23 }
  24
  25 .screenratio {
  26   div {
  27     @include miniature-thumbnail;
  28
  29     display: inline-flex;
  30     justify-content: center;
  31     align-items: center;
  32     color: pvar(--inputPlaceholderColor);
  33   }
  34
  35   @include large-screen-ratio($selector: 'div, ::ng-deep iframe') {
  36     width: 100% !important;
  37     height: 100% !important;
  38     left: 0;
  39   };
  40 }
  41
  42 .input-group {
  43   @include peertube-input-group(300px);
  44
  45   .dropdown-toggle::after {
  46     margin-left: 0;
  47   }
  48 }
  49
  50 .chip {
  51   @include chip;
  52 }
  53
  54 .caption {
  55   justify-content: flex-end;
  56
  57   input {
  58     @include peertube-input-text(250px);
  59     flex-grow: 1;
  60   }
  61 }
  62
  63 my-action-dropdown.show {
  64   ::ng-deep .dropdown-root {
  65     display: block !important;
  66   }
  67 }