Commit 04151bbf authored by Andrew Hrdy's avatar Andrew Hrdy
Browse files

Clear search button fixed on mobile.

Closes #39
parent 6bff3232
Pipeline #2189 passed with stages
in 1 minute and 53 seconds
...@@ -41,17 +41,10 @@ ...@@ -41,17 +41,10 @@
} }
.search-bar-campus-control { .search-bar-campus-control {
// margin-right: 8px !important;
width: 150px; width: 150px;
justify-content: center; justify-content: center;
} }
.search-bar-has-value {
.search-bar-close-btn {
display: inline-flex !important;
}
}
@media screen and (min-width: map-get($breakpoints, lg)) { @media screen and (min-width: map-get($breakpoints, lg)) {
.search-bar-paper-background { .search-bar-paper-background {
&.search-bar-focus { &.search-bar-focus {
...@@ -64,6 +57,12 @@ ...@@ -64,6 +57,12 @@
.search-bar-input { .search-bar-input {
transition: ease-in-out width 250ms; transition: ease-in-out width 250ms;
} }
.search-bar-has-value {
.search-bar-close-btn {
display: inline-flex !important;
}
}
} }
@media screen and (max-width: map-get($breakpoints, lg) - 1px) { @media screen and (max-width: map-get($breakpoints, lg) - 1px) {
...@@ -76,9 +75,10 @@ ...@@ -76,9 +75,10 @@
width: 100% !important; width: 100% !important;
} }
} }
.hide-search-input { .hide-search-input {
display: none !important; display: none !important;
} }
.search-bar-input { .search-bar-input {
width: 0 !important; width: 0 !important;
} }
...@@ -87,7 +87,17 @@ ...@@ -87,7 +87,17 @@
display: none !important; display: none !important;
} }
.search-bar-close-btn {
display: none !important;
}
.search-bar-mobile-open { .search-bar-mobile-open {
&.search-bar-has-value {
.search-bar-close-btn {
display: inline-flex !important;
}
}
.search-bar-input { .search-bar-input {
width: 100% !important; width: 100% !important;
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment