istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Experiment with showing the sesrch bar all the time on large-enough screens.

This commit is contained in:
mtail 2019-05-14 22:24:02 -07:00
parent 1415c9be20
commit e04e9bc0f1
3 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
generated/css/all.css
View File

File diff suppressed because one or more lines are too long

2
generated/css/all.css.map
View File

File diff suppressed because one or more lines are too long

18
src/sass/misc/_header.scss
View File

@ -181,6 +181,11 @@ header {
transition: right .5s; transition: right .5s;
} }
@media (min-width: $bp-xl) {
right: 335px;
transition: none;
}
span { span {
border-bottom: solid 3px $textBrandColor; border-bottom: solid 3px $textBrandColor;
border-radius: 2px; border-radius: 2px;
@ -206,6 +211,10 @@ header {
@media (min-width: $bp-sm) { @media (min-width: $bp-sm) {
display: inline-block; display: inline-block;
} }
@media (min-width: $bp-xl) {
display: none;
}
} }
#search-form { #search-form {
@ -231,6 +240,11 @@ header {
transition: right .5s; transition: right .5s;
} }
@media (min-width: $bp-xl) {
right: 1rem;
transition: none;
}
button:focus { button:focus {
outline: 0; outline: 0;
} }
@ -278,5 +292,9 @@ header {
&:hover { &:hover {
color: $textBrandHighlightColor; color: $textBrandHighlightColor;
} }
@media (min-width: $bp-xl) {
display: none;
}
} }
} }