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