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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 $form-base-input-width: 340px;
   5
   6 form {
   7   padding-bottom: 1.5rem;
   8 }
   9
  10 input[type=text] {
  11   @include peertube-input-text($form-base-input-width);
  12
  13   display: block;
  14 }
  15
  16 input[type=number] {
  17   @include peertube-input-text($form-base-input-width);
  18
  19   display: block;
  20 }
  21
  22 .number-with-unit {
  23   position: relative;
  24   width: min-content;
  25
  26   input[type=number] + span {
  27     position: absolute;
  28     top: 0.2em;
  29     right: 2.5rem;
  30   }
  31
  32   input[disabled] {
  33     background-color: #f9f9f9;
  34     pointer-events: none;
  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 .inner-form-description {
  73   font-size: 15px;
  74 }
  75
  76 textarea {
  77   @include peertube-textarea(500px, 150px);
  78
  79   max-width: 100%;
  80   display: block;
  81
  82   &.small {
  83     height: 75px;
  84   }
  85 }
  86
  87 .label-small-info {
  88   font-style: italic;
  89   margin-bottom: 10px;
  90   font-size: 14px;
  91 }
  92
  93 .disabled-checkbox-extra {
  94   &,
  95   ::ng-deep label {
  96     opacity: .5;
  97     pointer-events: none;
  98   }
  99 }
 100
 101 input[disabled] {
 102   opacity: 0.5;
 103 }
 104
 105 ngb-tabset:not(.previews) ::ng-deep {
 106   .nav-link {
 107     font-size: 105%;
 108   }
 109 }
 110
 111 .submit-error {
 112   margin-bottom: 20px;
 113 }
 114
 115 .alert-signup {
 116   width: fit-content;
 117   margin-top: 10px;
 118 }
 119
 120 .callout-container {
 121   position: absolute;
 122   display: flex;
 123   height: 0;
 124   width: 100%;
 125   justify-content: right;
 126
 127   .callout-link {
 128     @include peertube-button-link;
 129
 130     position: relative;
 131     right: 3.3em;
 132     top: .3em;
 133     font-size: 90%;
 134     color: pvar(--mainColor);
 135     background-color: pvar(--mainBackgroundColor);
 136     padding: 0 .3em;
 137   }
 138 }