client/src/app/shared/video-playlist/video-add-to-playlist.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .header {
   5   min-width: 240px;
   6   padding: 6px 24px 10px 24px;
   7
   8   margin-bottom: 10px;
   9   border-bottom: 1px solid $separator-border-color;
  10
  11   .first-row {
  12     display: flex;
  13     align-items: center;
  14
  15     .title {
  16       font-size: 18px;
  17       flex-grow: 1;
  18     }
  19
  20     .options {
  21       display: flex;
  22       align-items: center;
  23       font-size: 14px;
  24       cursor: pointer;
  25
  26       my-global-icon {
  27         @include apply-svg-color(#333);
  28
  29         width: 16px;
  30         height: 23px;
  31         margin-right: 3px;
  32       }
  33     }
  34   }
  35
  36   .options-row {
  37     margin-top: 10px;
  38     padding-left: 10px;
  39
  40     > div {
  41       display: flex;
  42       align-items: center;
  43     }
  44   }
  45 }
  46
  47 .dropdown-item {
  48   padding: 6px 24px;
  49 }
  50
  51 .playlists {
  52   max-height: 180px;
  53   overflow-y: auto;
  54 }
  55
  56 .playlist {
  57   display: flex;
  58   cursor: pointer;
  59
  60   my-peertube-checkbox {
  61     margin-right: 10px;
  62   }
  63
  64   .display-name {
  65     display: flex;
  66     align-items: flex-end;
  67
  68     .timestamp-info {
  69       font-size: 0.9em;
  70       color: $grey-foreground-color;
  71       margin-left: 5px;
  72     }
  73   }
  74 }
  75
  76 .new-playlist-button,
  77 .new-playlist-block {
  78   padding-top: 10px;
  79   margin-top: 10px;
  80   border-top: 1px solid $separator-border-color;
  81 }
  82
  83 .new-playlist-button  {
  84   cursor: pointer;
  85
  86   my-global-icon {
  87     @include apply-svg-color(#333);
  88
  89     position: relative;
  90     left: -1px;
  91     top: -1px;
  92     margin-right: 4px;
  93     width: 21px;
  94     height: 21px;
  95   }
  96 }
  97
  98 input[type=text] {
  99   @include peertube-input-text(200px);
 100
 101   display: block;
 102 }
 103
 104 input[type=submit] {
 105   @include peertube-button;
 106   @include orange-button;
 107 }