Add z-index: -999999999 to:

`.web-stories-list__lightbox` and `.web-stories-singleton__lightbox`
GoogleForCreators · Feb 8, 2024 · 6fefdf5 · 6fefdf5
1 parent 525c6b5
commit 6fefdf5
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/stories-block/src/css/lightbox.css b/packages/stories-block/src/css/lightbox.css
@@ -16,6 +16,7 @@
   height: 100%;
   opacity: 0;
   transform: translate(0, -100vh);
+  z-index: -999999999;
 }
 
 /* amp-lightbox needs to have z-index to render on top of other elements in the page. */
@@ -72,15 +73,12 @@
  * relative flow, removes the space.
  */
 html:not([amp]) .web-stories-singleton__lightbox amp-story-player a,
-html:not([amp])
-  .web-stories-list
-  .web-stories-list__lightbox
-  amp-story-player
-  a {
+html:not([amp]) .web-stories-list .web-stories-list__lightbox amp-story-player a {
   position: absolute;
 }
 
 @media all and (min-width: 676px) {
+
   .admin-bar .web-stories-list__lightbox,
   .admin-bar .web-stories-singleton__lightbox {
     top: 46px;
@@ -98,8 +96,9 @@ html:not([amp])
 }
 
 @media all and (min-width: 783px) {
+
   .admin-bar .web-stories-list__lightbox,
   .admin-bar .web-stories-singleton__lightbox {
     top: 32px;
   }
-}
+}