client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss

   1 @import 'mixins';
   2 @import 'miniature';
   3
   4 .caption {
   5   justify-content: flex-end;
   6
   7   input {
   8     @include peertube-input-text(250px);
   9   }
  10 }
  11
  12 .video-abuse-date-updated {
  13   font-size: 90%;
  14   margin-top: .1rem;
  15 }
  16
  17 .video-abuse-links {
  18   @include disable-default-a-behaviour;
  19 }
  20
  21 .video-abuse-video-link {
  22   @include disable-outline;
  23   position: relative;
  24   top: 3px;
  25 }
  26
  27 .video-abuse-video {
  28   display: inline-flex;
  29
  30   .video-abuse-video-image {
  31     @include miniature-thumbnail;
  32
  33     $image-height: 45px;
  34
  35     height: $image-height;
  36     width: #{(16/9) * $image-height};
  37     margin-right: 0.5rem;
  38     border-radius: 2px;
  39     border: none;
  40     background: transparent;
  41     display: inline-flex;
  42     justify-content: center;
  43     align-items: center;
  44     position: relative;
  45
  46     img {
  47       height: 100%;
  48       width: 100%;
  49       border-radius: 2px;
  50     }
  51
  52     span {
  53       color: var(--inputPlaceholderColor);
  54     }
  55
  56     .video-abuse-video-image-label {
  57       @include static-thumbnail-overlay;
  58       position: absolute;
  59       border-radius: 3px;
  60       font-size: 10px;
  61       padding: 0 3px;
  62       line-height: 1.3;
  63       bottom: 2px;
  64       right: 2px;
  65     }
  66   }
  67
  68   .video-abuse-video-text {
  69     display: inline-flex;
  70     flex-direction: column;
  71     justify-content: center;
  72     font-size: 90%;
  73     color: var(--mainForegroundColor);
  74     line-height: 1rem;
  75
  76     div .glyphicon {
  77       font-size: 80%;
  78       color: gray;
  79       margin-left: 0.1rem;
  80     }
  81
  82     div + div {
  83       font-size: 80%;
  84     }
  85   }
  86 }