Unverified Commit baa8211d authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3250357 by mherchel, kostyashupenko, andy-blum, Tim Robinson,... 

Issue #3250357 by mherchel, kostyashupenko, andy-blum, Tim Robinson, Gauravmahlawat: Olivero: Elements within main content that have a high z-index will appear in front of mobile nav
parent 0d46b744

core/modules/tour/css/tour.module.css

+2 −2
Original line number Diff line number Diff line
@@ -69,7 +69,7 @@ 
}



.shepherd-element {

  z-index: 101;

  z-index: 110;

  width: 300px;

  background: #fff;

}
@@ -132,7 +132,7 @@ 


.shepherd-modal-overlay-container {

  position: fixed;

  z-index: 100;

  z-index: 105;

  top: 0;

  left: 0;

  overflow: hidden;

core/themes/olivero/css/base/base.css

+0 −22
Original line number Diff line number Diff line
@@ -196,25 +196,3 @@ ul { 
  list-style-type: disc;

  list-style-image: none;

}
 


[dir="ltr"] .overlay {

  left: 0;

}



[dir="rtl"] .overlay {

  right: 0;

}



.overlay {

  position: fixed;

  top: 0;

  display: none;

  width: 100%;

  height: 100vh;

  opacity: 0.2;

  background: var(--color--blue-20);

}



.is-overlay-active .overlay {

  display: block;

}

core/themes/olivero/css/base/base.pcss.css

+0 −15
Original line number Diff line number Diff line
@@ -138,18 +138,3 @@ ul { 
  list-style-type: disc;

  list-style-image: none;

}
 


.overlay {

  position: fixed;

  inset-block-start: 0;

  inset-inline-start: 0;

  display: none;

  width: 100%;

  height: 100vh;

  opacity: 0.2;

  background: var(--color--blue-20);

}



.is-overlay-active .overlay {

  display: block;

}

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

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


.header-nav {

  position: fixed;

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

  z-index: 501; /* Appear above overlay and contextual links in header. */

  top: 0;

  visibility: hidden;

  overflow: auto;
@@ -248,3 +248,26 @@ body.is-always-mobile-nav .header-nav { 
[dir="rtl"] .header-nav.is-active {

  transform: translateX(100%);

}



[dir="ltr"] .header-nav-overlay {

  left: 0

}



[dir="rtl"] .header-nav-overlay {

  right: 0

}



.header-nav-overlay {

  position: fixed;

  z-index: 101;

  top: 0;

  display: none;

  width: 100%;

  height: 100vh;

  opacity: 0.2;

  background: var(--color--blue-20)

}



.is-overlay-active .header-nav-overlay {

    display: block

}

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

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


.header-nav {

  position: fixed;

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

  z-index: 501; /* Appear above overlay and contextual links in header. */

  inset-block-start: 0;

  inset-inline-start: 100%;

  visibility: hidden;
@@ -139,3 +139,19 @@ body.is-always-mobile-nav { 
[dir="rtl"] .header-nav.is-active {

  transform: translateX(100%);

}



.header-nav-overlay {

  position: fixed;

  z-index: 101;

  inset-block-start: 0;

  inset-inline-start: 0;

  display: none;

  width: 100%;

  height: 100vh;

  opacity: 0.2;

  background: var(--color--blue-20);



  @nest .is-overlay-active & {

    display: block;

  }

}