From 9d7b939554c75c122abbf3dc2d40016de99cfc2f Mon Sep 17 00:00:00 2001
From: Dmitri Ischenko <ischenkodv@gmail.com>
Date: Wed, 13 Nov 2019 20:58:23 +0200
Subject: [PATCH] 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
---
 aio/src/styles/1-layouts/_top-menu.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index 6834f9e88a..62eb9b4937 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -201,7 +201,7 @@ aio-search-box.search-container {
       transition: width 0.4s ease-in-out;
 
       &:focus {
-        width: 50%;
+        width: 80%;
       }
     }
     @media (max-width: 480px) {