Fix search-related bugs

 - Search being always visible on small screens
 - Search window being clickable while hidden
parent a6a4c1a6
sass/build
#search.hidden > div{
}
#search { #search {
pointer-events: none; pointer-events: none;
color: black !important; color: black !important;
...@@ -12,7 +10,7 @@ ...@@ -12,7 +10,7 @@
overflow: hidden; overflow: hidden;
padding-bottom: 20px; padding-bottom: 20px;
> div { > div {
pointer-events: all; pointer-events: none;
display: inline-block; display: inline-block;
width: 70.05vw; width: 70.05vw;
max-width: 800px; max-width: 800px;
...@@ -20,6 +18,7 @@ ...@@ -20,6 +18,7 @@
width: 95vw; width: 95vw;
} }
> div { > div {
pointer-events: all;
box-shadow: 0 3px 20px rgba(0,0,0,0.19), 0 6px 20px rgba(0,0,0,0.23); box-shadow: 0 3px 20px rgba(0,0,0,0.19), 0 6px 20px rgba(0,0,0,0.23);
} }
} }
...@@ -32,10 +31,10 @@ ...@@ -32,10 +31,10 @@
} }
#search.hidden > div > div { #search.hidden > div > div {
left: 85vw; left: 100vw;
overflow: hidden; overflow: hidden;
@media #{$medium-and-down} { @media #{$medium-and-down} {
left: 95vw; left: 100vw;
} }
} }
......
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