client/src/app/shared/video-playlist/video-playlist-miniature.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '_miniature';
   4
   5 .miniature {
   6   display: inline-block;
   7
   8   &.no-videos:not(.to-manage){
   9     a {
  10       cursor: default !important;
  11     }
  12   }
  13
  14   &.to-manage .play-overlay,
  15   &.no-videos {
  16     display: none;
  17   }
  18
  19   .miniature-thumbnail {
  20     @include miniature-thumbnail;
  21
  22     .miniature-playlist-info-overlay {
  23       @include static-thumbnail-overlay;
  24
  25       position: absolute;
  26       right: 0;
  27       bottom: 0;
  28       height: $video-thumbnail-height;
  29       padding: 0 10px;
  30       display: flex;
  31       align-items: center;
  32       font-size: 14px;
  33       font-weight: $font-semibold;
  34     }
  35   }
  36
  37   .miniature-bottom {
  38     width: 200px;
  39     margin-top: 2px;
  40     line-height: normal;
  41
  42     .miniature-name {
  43       @include miniature-name;
  44     }
  45   }
  46 }