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     .validation-buttons {
  93         padding: 20px 0;
  94         text-align: right;
  95         button:first-child {
  96             margin-right: 15px;
  97             min-width: 120px;
  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 }