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 form {
  25   .validation-form-content {
  26     .validation-input-wrapper {
  27       position: relative;
  28     }
  29     .nav-tabs {
  30       .invalid-tab:not(.active) {
  31         a {
  32           color: $red;
  33         }
  34       }
  35     }
  36     .validation-error-message {
  37       &.bottom {
  38         .tooltip-arrow {
  39           border-bottom-color: $red;
  40         }
  41       }
  42       &.right {
  43         .tooltip-arrow {
  44           border-right-color: $red;
  45         }
  46       }
  47       &.left {
  48         .tooltip-arrow {
  49           border-left-color: $red;
  50         }
  51       }
  52       .tooltip-inner {
  53         background-color: $red;
  54       }
  55     }
  56   }
  57
  58   .validation-buttons {
  59     padding: 20px 0;
  60     text-align: right;
  61     button:first-child {
  62       margin-right: 15px;
  63     }
  64   }
  65 }
  66
  67 .modal-body {
  68   .validation-buttons {
  69     padding: 20px 15px;
  70     background-color: $background-color12;
  71   }
  72 }