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

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