resources/scss/components/_validationForm.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  */
  21 form {
  22   .validation-form-content {
  23     .validation-input-wrapper {
  24       position: relative;
  25     }
  26     .nav-tabs {
  27       .invalid-tab:not(.active) {
  28         a {
  29           color: $red;
  30         }
  31       }
  32     }
  33     .validation-error-message {
  34       &.bottom {
  35         .tooltip-arrow {
  36           border-bottom-color: $red;
  37         }
  38       }
  39       &.right {
  40         .tooltip-arrow {
  41           border-right-color: $red;
  42         }
  43       }
  44       &.left {
  45         .tooltip-arrow {
  46           border-left-color: $red;
  47         }
  48       }
  49       .tooltip-inner {
  50         background-color: $red;
  51       }
  52     }
  53   }
  54
  55   .validation-buttons {
  56     padding: 20px 0;
  57     text-align: right;
  58     button:first-child {
  59       margin-right: 15px;
  60     }
  61   }
  62 }
  63
  64 .modal-body {
  65   .validation-buttons {
  66     padding: 20px 15px;
  67     background-color: $background-color12;
  68   }
  69 }