iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): change search input width when focused (#33804) 

The search input has 50% width of the parent container in a focused
state for the big break point (> 1000px). In this case when window width
is between 1000px and 1115px the search input shrinks from 180 to
~123px. The width of the search input was increased to 80% so that when
focused its width expands from 180 to 196px when window size is 1000px.

Fixes #33305

PR Close #33804
This commit is contained in:
Dmitri Ischenko 2019-11-13 20:58:23 +02:00 committed by Matias Niemelä
parent e128d87030
commit 9d7b939554
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/styles/1-layouts/_top-menu.scss
View File

@ -201,7 +201,7 @@ aio-search-box.search-container {
transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;
&:focus { &:focus {
width: 50%; width: 80%;
} }
} }
@media (max-width: 480px) { @media (max-width: 480px) {