🐛[amp-story-player] Fix CSS bug (#30237)

* fix CSS bug * add z index
ampproject · Sep 15, 2020 · 3dccbb4 · 3dccbb4
1 parent 8f317f5
commit 3dccbb4
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/css/amp-story-player-iframe.css b/css/amp-story-player-iframe.css
@@ -45,13 +45,13 @@ main {
   transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.story-player-iframe:nth-child(1),
+iframe:nth-of-type(1),
 main .story-player-iframe[i-amphtml-iframe-position="0"] {
   transform: translate3d(0, 0, 1px);
 }
 
-.story-player-iframe:nth-child(2),
-.story-player-iframe:nth-child(3),
+iframe:nth-of-type(2),
+iframe:nth-of-type(3),
 main .story-player-iframe[i-amphtml-iframe-position="1"] {
   transform: translate3d(100%, 0, 0);
 }
@@ -72,6 +72,7 @@ main .story-player-iframe[i-amphtml-iframe-position="-1"] {
   background-color: transparent;
   outline: transparent;
   cursor: pointer;
+  z-index: 1;
 }
 
 .amp-story-player-close-button {