resources/scss/components/_validationForm.scss

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