sdc-workflow-designer-ui/src/main/frontend/resources/scss/components/_expandableInput.scss

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