🐛 Fix thirds and fill layer in Safari (#19194)

* apply 100% to fill and thirds * update css * remove width auto * manipulate height only in thirds.
ampproject · Nov 15, 2018 · 48382c0 · 48382c0
1 parent 8386d95
commit 48382c0
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/extensions/amp-story/1.0/amp-story.css b/extensions/amp-story/1.0/amp-story.css
@@ -260,6 +260,7 @@ amp-story-cta-layer {
 
 /** Grid level */
 amp-story-grid-layer {
+  box-sizing: border-box !important;
   display: grid !important;
   position: absolute !important;
   top: 0 !important;
@@ -312,6 +313,7 @@ amp-story-grid-layer > * {
 }
 
 .i-amphtml-story-grid-template-thirds {
+  height: 100% !important;
   grid-template-rows: 33% 33% 33% !important; /* `fr` is broken in Safari. */
   grid-template-areas: "upper-third"
                        "middle-third"