Improve search in header

janfaracik · Oct 7, 2021 · e434ecb · e434ecb
1 parent dbc1b2f
commit e434ecb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
@@ -73,7 +73,7 @@
   --header-link-bg-active-v2: var(--primary-active);
 
   // Header dimensions
-  --header-item-border-radius: 4px;
+  --header-item-border-radius: 6px;
 
   // Breadcrumbs and footer
   --breadcrumbs-bg: #f8f8f8;

diff --git a/war/src/main/less/modules/page-header.less b/war/src/main/less/modules/page-header.less
@@ -112,15 +112,18 @@ a.page-header__brand-link {
     font-weight: bold;
     color: var(--search-input-color);
     border-radius: var(--header-item-border-radius);
-    border: 3px solid var(--header-search-border);
+    border: 2px solid transparent;
     outline: none;
+    box-shadow: 0 0 0 10px transparent;
+    transition: 0.2s ease;
 
     &::placeholder {
         font-weight: normal;
     }
 
-    &:focus {
-        border-color: var(--header-link-outline);
+    &:active, &:focus {
+        border-color: var(--focus-input-border);
+        box-shadow: 0 0 0 5px var(--focus-input-glow);
     }
 }