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

   1 @import 'variables';
   2 @import 'mixins';
   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: right;
  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     font-size: 15px;
  81     font-weight: bold;
  82
  83     margin-right: 20px;
  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-delete {
 100     @include peertube-button;
 101     @include grey-button;
 102   }
 103 }
 104
 105 .no-caption {
 106   text-align: center;
 107   font-size: 15px;
 108 }
 109
 110 .submit-container {
 111   text-align: right;
 112
 113   .message-submit {
 114     display: inline-block;
 115     margin-right: 25px;
 116
 117     color: pvar(--greyForegroundColor);
 118     font-size: 15px;
 119   }
 120 }
 121
 122 p-calendar {
 123   display: block;
 124
 125   ::ng-deep {
 126     .p-calendar {
 127       width: 100%;
 128     }
 129
 130     .p-inputtext {
 131       @include peertube-input-text(100%);
 132       color: #000;
 133     }
 134   }
 135 }
 136
 137 .form-columns {
 138   display: grid;
 139
 140   grid-template-columns: 66% 1fr;
 141   grid-gap: 30px;
 142 }
 143
 144 @include on-small-main-col {
 145   .form-columns {
 146     grid-template-columns: 1fr;
 147   }
 148 }