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: 15px;
  33     }
  34   }
  35
  36   .miniature-bottom {
  37     width: 200px;
  38     margin-top: 2px;
  39     line-height: normal;
  40
  41     .miniature-name {
  42       @include miniature-name;
  43     }
  44   }
  45 }