client/src/app/shared/shared-video-miniature/videos-selection.component.scss

   1 @use '_variables';
   2 @use '_mixins';
   3
   4 .action-selection-mode {
   5   display: flex;
   6   justify-content: flex-end;
   7   flex-grow: 1;
   8 }
   9
  10 .action-selection-mode-child {
  11   position: fixed;
  12
  13   .action-button {
  14     @include margin-left(55px);
  15
  16     display: block;
  17   }
  18 }
  19
  20 .action-button-cancel-selection {
  21   @include peertube-button;
  22   @include grey-button;
  23 }
  24
  25 .video {
  26   @include row-blocks($column-responsive: false);
  27
  28   &:first-child {
  29     margin-top: 47px;
  30   }
  31
  32   .checkbox-container {
  33     @include margin-right(20px);
  34     @include margin-left(12px);
  35
  36     display: flex;
  37     align-items: center;
  38   }
  39
  40   my-video-miniature {
  41     flex-grow: 1;
  42   }
  43 }
  44
  45
  46 @include on-small-main-col {
  47   .video {
  48     flex-wrap: wrap;
  49   }
  50 }
  51
  52 @include on-mobile-main-col {
  53   .checkbox-container {
  54     display: none;
  55   }
  56
  57   .action-selection-mode {
  58     display: none; // disable for small screens
  59   }
  60 }