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-video-link {
  13   @include disable-outline;
  14   position: relative;
  15   top: 3px;
  16 }
  17
  18 .video-abuse-video {
  19   display: inline-flex;
  20
  21   .video-abuse-video-image {
  22     @include miniature-thumbnail;
  23
  24     $image-height: 45px;
  25
  26     height: $image-height;
  27     width: #{(16/9) * $image-height};
  28     margin-right: 0.5rem;
  29     border-radius: 2px;
  30     border: none;
  31     background: transparent;
  32     display: inline-flex;
  33     justify-content: center;
  34     align-items: center;
  35
  36     img {
  37       height: 100%;
  38       width: 100%;
  39       border-radius: 2px;
  40     }
  41
  42     span {
  43       color: var(--inputPlaceholderColor);
  44     }
  45   }
  46
  47   .video-abuse-video-text {
  48     display: inline-flex;
  49     flex-direction: column;
  50     justify-content: center;
  51     font-size: 90%;
  52     color: var(--mainForegroundColor);
  53     line-height: 1rem;
  54
  55     div .glyphicon {
  56       font-size: 80%;
  57       color: gray;
  58       margin-left: 0.1rem;
  59     }
  60
  61     div + div {
  62       font-size: 80%;
  63     }
  64   }
  65 }