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 .cd-col-form {
  31   @extend .col-12;
  32   @extend .col-lg-8;
  33   @extend .col-xl-6;
  34 }
  35
  36 .cd-col-form-label {
  37   @extend .col-form-label;
  38   @extend .col-sm-4;
  39   @extend .col-md-4;
  40   @extend .col-lg-3;
  41 }
  42
  43 .cd-col-form-input {
  44   @extend .col-sm-8;
  45   @extend .col-md-8;
  46   @extend .col-lg-9;
  47 }
  48
  49 .cd-col-form-offset {
  50   @extend .offset-sm-4;
  51   @extend .offset-lg-3;
  52   @extend .cd-col-form-input;
  53 }
  54
  55 cd-modal {
  56   .cd-col-form-label {
  57     @extend .col-lg-4;
  58   }
  59
  60   .cd-col-form-input {
  61     @extend .col-lg-8;
  62   }
  63
  64   .cd-col-form-offset {
  65     @extend .offset-lg-4;
  66   }
  67 }
  68
  69 .invalid-feedback {
  70   display: block;
  71 }