openecomp-ui/resources/scss/components/_validationForm.scss

   1 form {
   2   .validation-form-content {
   3     .validation-input-wrapper {
   4       position: relative;
   5       flex: 1;
   6     }
   7     .validation-radio-wrapper {
   8       position: relative;
   9     }
  10     .sdc-tabs {
  11       position: relative;
  12       .invalid-tab:not(.sdc-tab-active) {
  13           color: $red;
  14       }
  15     }
  16     .validation-error-message {
  17       &.bottom {
  18         .tooltip-arrow {
  19           border-bottom-color: $red;
  20         }
  21       }
  22       &.right {
  23         .tooltip-arrow {
  24           border-right-color: $red;
  25         }
  26       }
  27       &.left {
  28         .tooltip-arrow {
  29           border-left-color: $red;
  30         }
  31       }
  32       .tooltip-inner {
  33         background-color: $red;
  34       }
  35     }
  36     .input-row {
  37       padding-bottom: 32px;
  38       &:only-child {
  39         padding-bottom: 0;
  40       }
  41       &:last-child {
  42         padding-bottom: 0;
  43       }
  44       .form-group {
  45         margin-bottom: 0;
  46       }
  47     }
  48
  49     .rows-section {
  50       .row-flex-components {
  51         display: flex;
  52       }
  53       .validation-input-wrapper {
  54         flex: 1;
  55       }
  56       .empty-col {
  57         flex: 1.2;
  58         content: ' ';
  59       }
  60       .empty-two-col {
  61         flex: 2.4;
  62         content: ' ';
  63       }
  64
  65       .two-col {
  66         flex: 2.2;
  67       }
  68       .three-col {
  69         flex: 3.4;
  70       }
  71       .single-col {
  72         flex: 1.2;
  73         display: flex;
  74         &:after {
  75           flex: 0.2;
  76           content: ' ';
  77         }
  78         @media (min-width: 1389px) {
  79           &.add-line-break {
  80             .control-label {
  81               &:after {
  82                 content: "\00a0";
  83                 display: block;
  84               }
  85             }
  86           }
  87         }
  88
  89       }
  90     }
  91   }
  92
  93   .validation-buttons {
  94     padding: 20px 0;
  95     text-align: right;
  96     button:first-child {
  97       margin-right: 15px;
  98     }
  99                 .svg-icon {
 100                         height: 14px;
 101                         width: 14px;
 102                 }
 103                 .svg-icon.check {
 104                         fill: $white;
 105                 }
 106                 .svg-icon.close {
 107                         fill: $blue;
 108                 }
 109   }
 110 }
 111
 112 .modal-body {
 113   .validation-buttons {
 114     padding: 20px 15px;
 115     background-color: $tlv-gray;
 116   }
 117 }