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