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