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

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