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 .table-states {
  40   & > :not(:first-child) {
  41     margin-left: .4rem;
  42   }
  43 }
  44
  45 p-calendar {
  46   display: block;
  47
  48   ::ng-deep {
  49     .ui-widget-content {
  50       min-width: 400px;
  51     }
  52
  53     input {
  54       @include peertube-input-text(100%);
  55     }
  56   }
  57 }
  58
  59 .screenratio {
  60   div {
  61     @include miniature-thumbnail;
  62
  63     display: inline-flex;
  64     justify-content: center;
  65     align-items: center;
  66     color: pvar(--inputPlaceholderColor);
  67   }
  68
  69   @include large-screen-ratio($selector: 'div, ::ng-deep iframe') {
  70     width: 100% !important;
  71     height: 100% !important;
  72     left: 0;
  73   };
  74 }
  75
  76 .comment-html {
  77   background-color: #ececec;
  78   padding: 10px;
  79 }
  80
  81 .chip {
  82   @include chip;
  83 }
  84
  85 my-action-dropdown.show {
  86   ::ng-deep .dropdown-root {
  87     display: block !important;
  88   }
  89 }
  90
  91
  92 .table-video-link {
  93   @include disable-outline;
  94
  95   position: relative;
  96   top: 3px;
  97 }
  98
  99 .table-comment-link {
 100   @include disable-outline;
 101
 102   color: var(--mainForegroundColor);
 103
 104   ::ng-deep p:last-child {
 105     margin: 0;
 106   }
 107 }
 108
 109 .comment-flagged-account {
 110   font-size: 11px;
 111   color: var(--greyForegroundColor);
 112 }
 113
 114 .table-video {
 115   display: inline-flex;
 116
 117   .table-video-image {
 118     @include miniature-thumbnail;
 119
 120     $image-height: 45px;
 121
 122     height: $image-height;
 123     width: #{(16/9) * $image-height};
 124     margin-right: 0.5rem;
 125     border-radius: 2px;
 126     border: none;
 127     background: transparent;
 128     display: inline-flex;
 129     justify-content: center;
 130     align-items: center;
 131     position: relative;
 132
 133     img {
 134       height: 100%;
 135       width: 100%;
 136       border-radius: 2px;
 137     }
 138
 139     span {
 140       color: pvar(--inputPlaceholderColor);
 141     }
 142
 143     .table-video-image-label {
 144       @include static-thumbnail-overlay;
 145       position: absolute;
 146       border-radius: 3px;
 147       font-size: 10px;
 148       padding: 0 3px;
 149       line-height: 1.3;
 150       bottom: 2px;
 151       right: 2px;
 152     }
 153   }
 154
 155   .table-video-text {
 156     display: inline-flex;
 157     flex-direction: column;
 158     justify-content: center;
 159     font-size: 90%;
 160     color: pvar(--mainForegroundColor);
 161     line-height: 1rem;
 162
 163     div .glyphicon {
 164       font-size: 80%;
 165       color: gray;
 166       margin-left: 0.1rem;
 167     }
 168
 169     div + div {
 170       color: var(--greyForegroundColor);
 171       font-size: 11px;
 172     }
 173   }
 174 }