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   .form-group {
  37     margin-bottom: 25px;
  38   }
  39
  40   input {
  41     @include peertube-input-text(100%);
  42     display: block;
  43   }
  44
  45   .label-tags + span {
  46     font-size: 15px;
  47   }
  48
  49   .advanced-settings .form-group {
  50     margin-bottom: 20px;
  51   }
  52 }
  53
  54 .captions-header {
  55   text-align: end;
  56   margin-bottom: 1rem;
  57 }
  58
  59 .create-caption {
  60   @include create-button;
  61 }
  62
  63 .caption-entry {
  64   display: flex;
  65   height: 40px;
  66   align-items: center;
  67
  68   a.caption-entry-label {
  69     @include disable-default-a-behaviour;
  70
  71     flex-grow: 1;
  72     color: #000;
  73
  74     &:hover {
  75       opacity: 0.8;
  76     }
  77   }
  78
  79   .caption-entry-label {
  80     @include margin-right(20px);
  81
  82     font-size: 15px;
  83     font-weight: bold;
  84     width: 150px;
  85   }
  86
  87   .caption-entry-state {
  88     width: 200px;
  89
  90     &.caption-entry-state-create {
  91       color: #39CC0B;
  92     }
  93
  94     &.caption-entry-state-delete {
  95       color: #FF0000;
  96     }
  97   }
  98
  99   .caption-entry-edit {
 100     @include peertube-button;
 101   }
 102
 103   .caption-entry-delete {
 104     @include peertube-button;
 105     @include grey-button;
 106   }
 107 }
 108
 109 .no-caption {
 110   text-align: center;
 111   font-size: 15px;
 112 }
 113
 114 .submit-container {
 115   text-align: end;
 116
 117   .message-submit {
 118     @include margin-right(25px);
 119
 120     display: inline-block;
 121     color: pvar(--greyForegroundColor);
 122     font-size: 15px;
 123   }
 124 }
 125
 126 p-calendar {
 127   display: block;
 128
 129   ::ng-deep {
 130     .p-calendar {
 131       width: 100%;
 132     }
 133
 134     .p-inputtext {
 135       @include peertube-input-text(100%);
 136       color: #000;
 137     }
 138   }
 139 }
 140
 141 .form-columns {
 142   display: grid;
 143
 144   grid-template-columns: 66% 1fr;
 145   grid-gap: 30px;
 146 }
 147
 148 @include on-small-main-col {
 149   .form-columns {
 150     grid-template-columns: 1fr;
 151   }
 152 }