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