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