Merge branch 'feature/ISTWCMS-5960-m26lebla-site-title-clickable-narrow-width' into '1.0.x'

ISTWCMS-5960: M26lebla Adjusted z-index level of site title

See merge request !60

src/patterns/03-layouts/header/_header.scss

@@ -54,6 +54,8 @@ $site-name-bg: var(--gray-2);
   .uw-header__nav{
     @include uw-full-width;
     background-color: $site-name-bg;
+    position: relative;
+    z-index: var(--layer-header);
   }
   .uw-header__center{
     @include uw-contained-width;
@@ -64,6 +66,8 @@ $site-name-bg: var(--gray-2);
     display: grid;
     grid-template-columns: auto var(--size-8);
     padding: 0;
+    position: relative;
+    z-index: var(--layer-overlay);
   }
   .uw-header__site-name{
     grid-column: 1 / 2;

src/patterns/04-components/search/_search.scss

@@ -6,7 +6,7 @@
   top: var(--size-8);
   width: 100%;
   &:focus-within {
-    z-index: var(--layer-overlay);
+    z-index: var(--layer-drawer);
   }
 
   @media(min-width: $screen-md) {
@@ -189,7 +189,7 @@
           vertical-align: top;
           white-space: normal;
           width: 2.125rem;
-          z-index: gesso-z-index(content);
+          z-index: var(--layer-content);
         }
       }
     }
@@ -283,7 +283,6 @@
       width: 2.125rem;
     }
 
-
     .uw-input {
       &.uw-input--checkboxform {
         display: block;
@@ -426,11 +425,12 @@
     }
 
     &:focus-within {
+
       @media(min-width: $screen-md) {
 
         .uw-input--search {
           transition: width 0.3s ease;
-          width: 1var(--size-8);
+          width: var(--size-8);
 
           &:hover {
             ~ .button--submit {

src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss

@@ -8,7 +8,7 @@
   width: 100%;
 
   &:focus-within {
-    z-index: var(--layer-overlay);
+    z-index: var(--layer-drawer);
   }
 
   @media(min-width: $screen-md) {
@@ -211,7 +211,7 @@
       height: 2.25rem;
       line-height: 1.25rem;
       overflow: hidden;
-      padding: gesso-spacing(xs);
+      padding: var(--size-1);
       position: relative;
       transition: all 0.3s ease;
       @media(min-width: $screen-md) {