client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss

   1 @use '_variables';
   2 @use '_mixins';
   3
   4 $form-base-input-width: 340px;
   5
   6 label {
   7   font-weight: $font-regular;
   8   font-size: 100%;
   9 }
  10
  11 form {
  12   padding-bottom: 1.5rem;
  13 }
  14
  15 input[type=text] {
  16   @include peertube-input-text($form-base-input-width);
  17
  18   display: block;
  19 }
  20
  21 input[type=number] {
  22   @include peertube-input-text($form-base-input-width);
  23
  24   display: block;
  25 }
  26
  27 .number-with-unit {
  28   position: relative;
  29   width: min-content;
  30
  31   input[type=number] + span {
  32     position: absolute;
  33     top: 5px;
  34     right: 2.5rem;
  35   }
  36 }
  37
  38 input[type=checkbox] {
  39   @include peertube-checkbox(1px);
  40 }
  41
  42 .peertube-select-container {
  43   @include peertube-select-container($form-base-input-width);
  44 }
  45
  46 my-select-options,
  47 my-select-custom-value,
  48 my-select-checkbox {
  49   @include responsive-width($form-base-input-width);
  50
  51   display: block;
  52 }
  53
  54 input[type=submit] {
  55   @include peertube-button;
  56   @include orange-button;
  57   @include margin-left(auto);
  58
  59   display: flex;
  60
  61   + .form-error {
  62     @include margin-left(5px);
  63
  64     display: inline;
  65   }
  66 }
  67
  68 .inner-form-title {
  69   @include settings-big-title;
  70 }
  71
  72 textarea {
  73   @include peertube-textarea(500px, 150px);
  74
  75   max-width: 100%;
  76   display: block;
  77
  78   &.small {
  79     height: 75px;
  80   }
  81 }
  82
  83 .label-small-info {
  84   font-style: italic;
  85   margin-bottom: 10px;
  86 }
  87
  88 .disabled-checkbox-extra {
  89   &,
  90   ::ng-deep label {
  91     opacity: .5;
  92     pointer-events: none;
  93   }
  94 }
  95
  96 .form-group-right {
  97   padding-top: 2px;
  98 }
  99
 100 ngb-tabset:not(.previews) ::ng-deep {
 101   .nav-link {
 102     font-size: 105%;
 103   }
 104 }
 105
 106 .submit-error {
 107   margin-bottom: 20px;
 108 }
 109
 110 .alert-signup {
 111   width: fit-content;
 112   margin-top: 10px;
 113 }
 114
 115 .callout-container {
 116   position: absolute;
 117   display: flex;
 118   height: 0;
 119   width: 100%;
 120   justify-content: right;
 121
 122   .callout-link {
 123     @include peertube-button-link;
 124
 125     position: relative;
 126     right: 3.3em;
 127     top: .3em;
 128     font-size: 90%;
 129     color: pvar(--mainColor);
 130     background-color: pvar(--mainBackgroundColor);
 131     padding: 0 .3em;
 132   }
 133 }