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

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