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

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 @@
}
.search-bar-campus-control {
// margin-right: 8px !important;
width: 150px;
justify-content: center;
}
.search-bar-has-value {
.search-bar-close-btn {
display: inline-flex !important;
}
}
@media screen and (min-width: map-get($breakpoints, lg)) {
.search-bar-paper-background {
&.search-bar-focus {
......@@ -64,6 +57,12 @@
.search-bar-input {
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) {
......@@ -76,9 +75,10 @@
width: 100% !important;
}
}
.hide-search-input {
display: none !important;
}
}
.search-bar-input {
width: 0 !important;
}
......@@ -87,7 +87,17 @@
display: none !important;
}
.search-bar-close-btn {
display: none !important;
}
.search-bar-mobile-open {
&.search-bar-has-value {
.search-bar-close-btn {
display: inline-flex !important;
}
}
.search-bar-input {
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