resources/scss/components/_validationForm.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24
  25 form {
  26   .validation-form-content {
  27     .validation-input-wrapper {
  28       position: relative;
  29     }
  30     .nav-tabs {
  31       .invalid-tab:not(.active) {
  32         a {
  33           color: $red;
  34         }
  35       }
  36     }
  37     .validation-error-message {
  38       &.bottom {
  39         .tooltip-arrow {
  40           border-bottom-color: $red;
  41         }
  42       }
  43       &.right {
  44         .tooltip-arrow {
  45           border-right-color: $red;
  46         }
  47       }
  48       &.left {
  49         .tooltip-arrow {
  50           border-left-color: $red;
  51         }
  52       }
  53       .tooltip-inner {
  54         background-color: $red;
  55       }
  56     }
  57   }
  58
  59   .validation-buttons {
  60     padding: 20px 0;
  61     text-align: right;
  62     button:first-child {
  63       margin-right: 15px;
  64     }
  65   }
  66 }
  67
  68 .modal-body {
  69   .validation-buttons {
  70     padding: 20px 15px;
  71     background-color: $tlv-gray;
  72   }
  73 }