client/src/app/+videos/+video-edit/shared/video-edit.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .peertube-select-container {
   5   @include peertube-select-container(auto);
   6 }
   7
   8 my-peertube-checkbox {
   9   display: block;
  10   margin-bottom: 1rem;
  11 }
  12
  13 .nav-tabs {
  14   margin-bottom: 15px;
  15 }
  16
  17 .video-edit {
  18   height: 100%;
  19   min-height: 300px;
  20
  21   input {
  22     @include peertube-input-text(100%);
  23     display: block;
  24   }
  25 }
  26
  27 .captions-header {
  28   text-align: end;
  29   margin-bottom: 1rem;
  30 }
  31
  32 .caption-entry {
  33   display: flex;
  34   height: 40px;
  35   align-items: center;
  36
  37   a.caption-entry-label {
  38     @include disable-default-a-behaviour;
  39
  40     color: #000;
  41
  42     &:hover {
  43       opacity: 0.8;
  44     }
  45   }
  46
  47   .caption-entry-label {
  48     @include margin-right(20px);
  49
  50     font-weight: bold;
  51     min-width: 100px;
  52   }
  53
  54   .caption-entry-state {
  55     @include margin-right(15px);
  56
  57     min-width: 250px;
  58
  59     &.caption-entry-state-create {
  60       color: #39CC0B;
  61     }
  62
  63     &.caption-entry-state-delete {
  64       color: #FF0000;
  65     }
  66   }
  67
  68   .caption-entry-edit {
  69     @include peertube-button;
  70   }
  71
  72   .caption-entry-delete {
  73     @include peertube-button;
  74     @include grey-button;
  75   }
  76 }
  77
  78 .no-caption {
  79   text-align: center;
  80 }
  81
  82 .submit-container {
  83   text-align: end;
  84
  85   .message-submit {
  86     @include margin-right(25px);
  87
  88     display: inline-block;
  89     color: pvar(--greyForegroundColor);
  90   }
  91 }
  92
  93 p-calendar {
  94   display: block;
  95
  96   ::ng-deep {
  97     .p-calendar {
  98       width: 100%;
  99     }
 100
 101     .p-inputtext {
 102       @include peertube-input-text(100%);
 103       color: #000;
 104     }
 105   }
 106 }
 107
 108 .form-columns {
 109   display: grid;
 110
 111   grid-template-columns: 66% 1fr;
 112   grid-gap: 30px;
 113 }
 114
 115 @include on-small-main-col {
 116   .form-columns {
 117     grid-template-columns: 1fr;
 118   }
 119 }