client/src/app/+admin/moderation/video-auto-blacklist-list/video-auto-blacklist-list.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .action-selection-mode {
   5   width: 194px;
   6   display: flex;
   7   justify-content: flex-end;
   8
   9   .action-selection-mode-child {
  10     position: fixed;
  11
  12     .action-button {
  13       display: inline-block;
  14     }
  15
  16     .action-button-cancel-selection {
  17       @include peertube-button;
  18       @include grey-button;
  19
  20       margin-right: 10px;
  21     }
  22
  23     .action-button-unblacklist-selection {
  24       @include peertube-button;
  25       @include orange-button;
  26       @include button-with-icon(21px);
  27
  28       my-global-icon {
  29         @include apply-svg-color(#fff);
  30       }
  31     }
  32   }
  33 }
  34
  35 .video {
  36   @include row-blocks;
  37
  38   &:first-child {
  39     margin-top: 47px;
  40   }
  41
  42   .checkbox-container {
  43     display: flex;
  44     align-items: center;
  45     margin-right: 20px;
  46     margin-left: 12px;
  47   }
  48
  49   my-video-miniature {
  50     flex-grow: 1;
  51   }
  52 }
  53
  54 @media screen and (max-width: $small-view) {
  55   .video {
  56     flex-direction: column;
  57     height: auto;
  58
  59     .checkbox-container {
  60       display: none;
  61     }
  62
  63     my-button {
  64       margin-top: 10px;
  65     }
  66   }
  67 }