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

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