openecomp-ui/resources/scss/components/_expandableInput.scss

   1 .expandable-input-top {
   2         display: flex;
   3         height: 22px;
   4         .svg-icon-wrapper {
   5                 height: 17px;
   6                 width: 17px;
   7         }
   8         .expandable-input-wrapper {
   9                 display: flex;
  10                 .svg-icon.search {
  11                         height: 17px;
  12                         width: 17px;
  13                 }
  14                 &.closed {
  15                         .svg-icon.search {
  16                                 transition: fill 0.5s ease-in;
  17                                 fill: $blue;
  18                                 cursor: pointer;
  19                                 &:hover {
  20                                         transition: fill 0.5s ease-in;
  21                                         fill: $dark-blue;
  22                                 }
  23                         }
  24                 }
  25                 &.opened {
  26                         .svg-icon-wrapper {
  27                                 margin-left: 3px;
  28                         }
  29                         .svg-icon.search {
  30                                 fill: $dark-blue;
  31                         }
  32                         .svg-icon.close {
  33                                 margin-left: 7px;
  34                                 height: 10px;
  35                                 width: 10px;
  36                                 opacity: 0.6;
  37                                 fill: $dark-gray;
  38                                 &:hover {
  39                                         opacity: 1;
  40                                 }
  41                         }
  42                 }
  43                 .expandable-input-control {
  44                         .form-control {
  45                                 border: none;
  46                                 background-color: transparent;
  47                                 border-radius: 0;
  48                                 border-bottom: 1px solid $gray;
  49                                 height: 22px;
  50                                 padding: 0 5px;
  51                         }
  52                         margin: 0;
  53                 }
  54         }
  55 }