client/src/app/account/account-videos/account-videos.component.scss

   1 .action-selection-mode {
   2   width: 174px;
   3
   4   .action-selection-mode-child {
   5     position: fixed;
   6   }
   7 }
   8
   9 .action-button {
  10   @include peertube-button-link;
  11
  12   font-size: 15px;
  13   font-weight: $font-semibold;
  14   color: #585858;
  15   background-color: #E5E5E5;
  16
  17   &:hover {
  18     background-color: #EFEFEF;
  19   }
  20
  21   &.action-button-delete {
  22     margin-right: 10px;
  23   }
  24
  25   &.action-button-delete-selection {
  26     background-color: $orange-color;
  27     color: #fff;
  28
  29     &:hover {
  30       background-color: $orange-hoover-color;
  31     }
  32   }
  33
  34   .icon {
  35     @include icon(21px);
  36
  37     position: relative;
  38     top: -2px;
  39
  40     &.icon-edit {
  41       background-image: url('../../../assets/images/global/edit.svg');
  42     }
  43
  44     &.icon-delete-grey {
  45       background-image: url('../../../assets/images/account/delete-grey.svg');
  46     }
  47
  48     &.icon-delete-white {
  49       background-image: url('../../../assets/images/account/delete-white.svg');
  50     }
  51   }
  52 }
  53
  54 .video {
  55   display: flex;
  56   height: 130px;
  57   padding-bottom: 20px;
  58
  59   input[type=checkbox] {
  60     margin-right: 20px;
  61     outline: 0;
  62   }
  63
  64   &:first-child {
  65     margin-top: 47px;
  66   }
  67
  68   &:not(:last-child) {
  69     margin-bottom: 20px;
  70     border-bottom: 1px solid #C6C6C6;
  71   }
  72
  73   my-video-thumbnail {
  74     margin-right: 10px;
  75   }
  76
  77   .video-info {
  78     flex-grow: 1;
  79
  80     .video-info-name {
  81       font-size: 16px;
  82       font-weight: $font-semibold;
  83     }
  84
  85     .video-info-date-views {
  86       font-size: 13px;
  87     }
  88   }
  89 }