From c945abf0db4ef9d8b7e62b2def04d73cf6c3edf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Mon, 4 Mar 2019 18:46:02 +0100
Subject: [PATCH] Vary global search width depending on focus.

issue8125
review62441002
---
 src/sao.less | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/sao.less b/src/sao.less
index 61c06785fd..108b764faf 100644
--- a/src/sao.less
+++ b/src/sao.less
@@ -44,6 +44,19 @@
     }
 }
 
+@media screen and (min-width: @screen-sm-min) {
+    #global-search-entry {
+        width: 10em;
+        -webkit-transition: width .5s ease;
+        -o-transition: width .5s ease;
+        transition: width .5s ease;
+
+        .global-search-container:focus-within & {
+            width: 20em;
+        }
+    }
+}
+
 #user-preferences > a {
     max-width: 20em;
     overflow: hidden;