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

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