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