| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 1 | .expandable-input-top { |
| 2 | display: flex; | ||||
| 3 | height: 22px; | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 4 | .expandable-input-wrapper { |
| 5 | display: flex; | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 6 | &.closed { |
| az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 7 | .svg-icon |
| 8 | { | ||||
| 9 | &.__search { | ||||
| 10 | height: 17px; | ||||
| 11 | width: 17px; | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 12 | transition: fill 0.5s ease-in; |
| az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 13 | fill: $blue; |
| 14 | cursor: pointer; | ||||
| 15 | &:hover { | ||||
| 16 | transition: fill 0.5s ease-in; | ||||
| 17 | fill: $dark-blue; | ||||
| 18 | } | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 19 | } |
| 20 | } | ||||
| Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 21 | } |
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 22 | &.opened { |
| 23 | .svg-icon-wrapper { | ||||
| 24 | margin-left: 3px; | ||||
| 25 | } | ||||
| az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 26 | .svg-icon { |
| 27 | &.__search { | ||||
| 28 | height: 17px; | ||||
| 29 | width: 17px; | ||||
| 30 | fill: $dark-blue; | ||||
| 31 | } | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 32 | } |
| az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 33 | .svg-icon { |
| 34 | &.__close { | ||||
| 35 | margin-left: 7px; | ||||
| 36 | opacity: 0.6; | ||||
| 37 | fill: $dark-gray; | ||||
| 38 | &:hover { | ||||
| 39 | opacity: 1; | ||||
| 40 | } | ||||
| AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 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 | } | ||||
| Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 55 | } |
| 56 | } | ||||