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

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