resources/scss/components/_inputOptions.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 .input-options {
  26   display: flex;
  27   border: 1px solid $light-gray;
  28   border-radius: 2px;
  29   height: 30px;
  30   &:hover {
  31     border-color: $gray;
  32   }
  33   .input-options-select {
  34     float: left;
  35     border: none;
  36     transition-property: width;
  37     transition-duration: 300ms;
  38     padding-top:0px;
  39     padding-bottom: 0px;
  40     height:28px;
  41   }
  42
  43   .input-options-other{
  44     float: left;
  45     height: 30px;
  46     border: none;
  47     padding-top:0px;
  48     padding-bottom: 0px;
  49     height:28px;
  50   }
  51   .input-options-separator {
  52     width: 1px;
  53     height: 24px;
  54     margin-top: 2px;
  55     margin-bottom: 2px;
  56     border:1px solid $light-gray;
  57   }
  58 }
  59
  60 .input-options.has-error {
  61    border-color: #A94442;
  62 }
  63