ceph/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_forms.scss

   1 @use '../vendor/variables' as vv;
   2
   3 /* Forms */
   4 .required::after {
   5   color: vv.$danger;
   6   content: '*';
   7   font-size: 1.167rem;
   8   padding-left: 4px;
   9 }
  10
  11 .form-footer {
  12   display: flex;
  13   width: 100%;
  14 }
  15
  16 .form-control {
  17   display: table-cell;
  18
  19   &:focus {
  20     border-color: rgba(vv.$primary, 0.8);
  21     box-shadow: 0 0 3px 2px rgba(vv.$primary, 0.5);
  22     outline: 0;
  23   }
  24 }
  25
  26 .custom-checkbox {
  27   padding-top: 7px;
  28 }
  29
  30 .custom-radio {
  31   padding-top: 5px;
  32 }
  33
  34 .cd-col-form {
  35   @extend .col-12;
  36   @extend .col-lg-8;
  37   @extend .col-xl-6;
  38 }
  39
  40 .cd-col-form-label {
  41   @extend .col-form-label;
  42   @extend .col-sm-4;
  43   @extend .col-md-4;
  44   @extend .col-lg-3;
  45 }
  46
  47 .cd-col-form-input {
  48   @extend .col-sm-8;
  49   @extend .col-md-8;
  50   @extend .col-lg-9;
  51 }
  52
  53 .cd-col-form-offset {
  54   @extend .offset-sm-4;
  55   @extend .offset-lg-3;
  56   @extend .cd-col-form-input;
  57 }
  58
  59 cd-modal {
  60   .modal {
  61     /* stylelint-disable */
  62     background-color: rgba(0, 0, 0, 0.4);
  63     /* stylelint-enable */
  64     display: block;
  65   }
  66
  67   .modal-dialog {
  68     max-width: 70vh;
  69   }
  70
  71   .cd-col-form-label {
  72     @extend .col-lg-4;
  73   }
  74
  75   .cd-col-form-input {
  76     @extend .col-lg-8;
  77   }
  78
  79   .cd-col-form-offset {
  80     @extend .offset-lg-4;
  81   }
  82 }
  83
  84 .invalid-feedback {
  85   display: block;
  86 }