AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 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; |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 13 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 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 | } |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 24 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 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 | } |
Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 54 | } |
| 55 | } |