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