Unverified Commit c2e9bd2f authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3177918 by mherchel: Holistically refactor use of Olivero's z-index... 

Issue #3177918 by mherchel: Holistically refactor use of Olivero's z-index rules to play nice with Core

(cherry picked from commit bdf6131d)
parent 11da5373

core/themes/olivero/css/components/header-navigation.css

+1 −1
Original line number Diff line number Diff line
@@ -36,7 +36,7 @@ 


.header-nav {

  position: fixed;

  z-index: 5; /* appear above overlay */

  z-index: 105; /* appear above overlay */

  top: 0;

  visibility: hidden;

  overflow: auto;

core/themes/olivero/css/components/header-navigation.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 


.header-nav {

  position: fixed;

  z-index: 5; /* appear above overlay */

  z-index: 105; /* appear above overlay */

  inset-block-start: 0;

  inset-inline-end: 0;

  visibility: hidden;

core/themes/olivero/css/components/header.css

+2 −2
Original line number Diff line number Diff line
@@ -27,7 +27,7 @@ 


.header__left {

  position: relative;

  z-index: 2;

  z-index: 102;

  display: flex;

  align-items: flex-end;

  -ms-grid-row-align: stretch;
@@ -50,7 +50,7 @@ 
@media (min-width: 75rem) {

    body:not(.is-always-mobile-nav) .site-header__fixable.js-fixed {

      position: fixed;

      z-index: 2; /* Appear above body content that is position: relative */

      z-index: 102; /* Appear above body content that is position: relative */

      top: -4.5rem;

      max-width: 98.125rem;

    }

core/themes/olivero/css/components/header.pcss.css

+2 −2
Original line number Diff line number Diff line
@@ -18,7 +18,7 @@ 


.header__left {

  position: relative;

  z-index: 2;

  z-index: 102;

  display: flex;

  align-items: flex-end;

  align-self: stretch;
@@ -43,7 +43,7 @@ 
  body:not(.is-always-mobile-nav) {

    & .site-header__fixable.js-fixed {

      position: fixed;

      z-index: 2; /* Appear above body content that is position: relative */

      z-index: 102; /* Appear above body content that is position: relative */

      inset-block-start: calc(-1 * var(--sp4));

      max-width: var(--max-bg-color);

    }

core/themes/olivero/css/components/navigation/nav-button-mobile.css

+2 −2
Original line number Diff line number Diff line
@@ -36,7 +36,7 @@ 


.mobile-nav-button {

  position: relative;

  z-index: 10; /* appear above mobile nav */

  z-index: 110; /* Appear above mobile nav. */

  display: flex;

  align-items: center;

  -ms-grid-row-align: center;
@@ -67,7 +67,7 @@ 
}

  }



/* Text that says "menu" */

/* Text that says "menu". */



.mobile-nav-button__label {

  position: absolute;