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 input[type=checkbox] {
  26   @include peertube-checkbox(1px);
  27 }
  28
  29 .peertube-select-container {
  30   @include peertube-select-container($form-base-input-width);
  31 }
  32
  33 my-select-checkbox {
  34   @include ng-select($form-base-input-width);
  35 }
  36
  37 input[type=submit] {
  38   @include peertube-button;
  39   @include orange-button;
  40
  41   display: flex;
  42   margin-left: auto;
  43
  44   & + .form-error {
  45     display: inline;
  46     margin-left: 5px;
  47   }
  48 }
  49
  50 .inner-form-title {
  51   @include settings-big-title;
  52 }
  53
  54 textarea {
  55   @include peertube-textarea(500px, 150px);
  56
  57   max-width: 100%;
  58   display: block;
  59
  60   &.small {
  61     height: 75px;
  62   }
  63 }
  64
  65 .label-small-info {
  66   font-style: italic;
  67   margin-bottom: 10px;
  68 }
  69
  70 .disabled-checkbox-extra {
  71   &, ::ng-deep label {
  72     opacity: .5;
  73     pointer-events: none;
  74   }
  75 }
  76
  77 .form-group-right {
  78   padding-top: 2px;
  79 }
  80
  81 ngb-tabset:not(.previews) ::ng-deep {
  82   .nav-link {
  83     font-size: 105%;
  84   }
  85 }
  86
  87 .submit-error {
  88   margin-bottom: 20px;
  89 }