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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 label {
   5   font-weight: $font-regular;
   6   font-size: 100%;
   7 }
   8
   9 .peertube-select-container {
  10   @include peertube-select-container(auto);
  11 }
  12
  13 .title-page a {
  14   color: var(--mainForegroundColor);
  15
  16   &:hover {
  17     text-decoration: none;
  18     opacity: .8;
  19   }
  20 }
  21
  22 my-peertube-checkbox {
  23   display: block;
  24   margin-bottom: 1rem;
  25 }
  26
  27 .nav-tabs {
  28   margin-bottom: 15px;
  29 }
  30
  31 .video-edit {
  32   height: 100%;
  33   min-height: 300px;
  34
  35   .form-group {
  36     margin-bottom: 25px;
  37   }
  38
  39   input {
  40     @include peertube-input-text(100%);
  41     display: block;
  42   }
  43
  44   .label-tags + span {
  45     font-size: 15px;
  46   }
  47
  48   .advanced-settings .form-group {
  49     margin-bottom: 20px;
  50   }
  51 }
  52
  53 .captions {
  54
  55   .captions-header {
  56     text-align: right;
  57
  58     .create-caption {
  59       @include create-button;
  60     }
  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       color: #000;
  72
  73       &:hover {
  74         opacity: 0.8;
  75       }
  76     }
  77
  78     .caption-entry-label {
  79       font-size: 15px;
  80       font-weight: bold;
  81
  82       margin-right: 20px;
  83       width: 150px;
  84     }
  85
  86     .caption-entry-state {
  87       width: 200px;
  88
  89       &.caption-entry-state-create {
  90         color: #39CC0B;
  91       }
  92
  93       &.caption-entry-state-delete {
  94         color: #FF0000;
  95       }
  96     }
  97
  98     .caption-entry-delete {
  99       @include peertube-button;
 100       @include grey-button;
 101     }
 102   }
 103
 104   .no-caption {
 105     text-align: center;
 106     font-size: 15px;
 107   }
 108 }
 109
 110 .submit-container {
 111   text-align: right;
 112
 113   .message-submit {
 114     display: inline-block;
 115     margin-right: 25px;
 116
 117     color: $grey-foreground-color;
 118     font-size: 15px;
 119   }
 120
 121   .submit-button {
 122     @include peertube-button;
 123     @include orange-button;
 124     @include button-with-icon(20px, 1px);
 125
 126     display: inline-block;
 127
 128     input {
 129       cursor: inherit;
 130       background-color: inherit;
 131       border: none;
 132       padding: 0;
 133       outline: 0;
 134       color: inherit;
 135       font-weight: $font-semibold;
 136     }
 137   }
 138 }
 139
 140 p-calendar {
 141   display: block;
 142
 143   ::ng-deep {
 144     input,
 145     .ui-calendar {
 146       width: 100%;
 147     }
 148
 149     input {
 150       @include peertube-input-text(100%);
 151       color: #000;
 152     }
 153   }
 154 }
 155
 156 @include ng2-tags