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