From 00eb5276eb29e16d66f96f4095a9bf831e341cf9 Mon Sep 17 00:00:00 2001
From: Sriram Krishnan <camelburrito@users.noreply.github.com>
Date: Fri, 3 Mar 2017 08:52:29 -0800
Subject: [PATCH] Making Template preview on safari great again (#193)

---
 components/lightbox/template-preview.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/lightbox/template-preview.css b/components/lightbox/template-preview.css
index 87d395fbe..767d2b260 100644
--- a/components/lightbox/template-preview.css
+++ b/components/lightbox/template-preview.css
@@ -39,14 +39,15 @@
 .ampstart-mobile-frame,
 .ampstart-tablet-frame,
 .ampstart-desktop-frame {
-  visibility: hidden;
+  opacity: 0;
 }
 
 
 [option="mobile"][selected] + .ampstart-mobile-frame,
 [option="tablet"][selected] + .ampstart-tablet-frame,
 [option="desktop"][selected] + .ampstart-desktop-frame {
-  visibility: visible;
+  opacity: 1;
+  z-index: var(--zindex-max);
 }
 
 .ampstart-mobile-frame amp-iframe {
@@ -167,12 +168,13 @@
   .ampstart-mobile-frame,
   [option="mobile"][selected] + .ampstart-mobile-frame,
   [option="tablet"][selected] + .ampstart-tablet-frame {
-    visibility: hidden;
+    opacity: 0;
   }
 
   .ampstart-desktop-frame,
   [option="desktop"][selected] + .ampstart-desktop-frame {
-    visibility: visible;
+    opacity: 1;
+    z-index: var(--zindex-max);
   }
 
   .ampstart-device-preview [option] {