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