From: Kevin Ball <kmball11@gmail.com>
Date: Wed, 31 May 2017 20:01:49 +0000 (-0700)
Subject: Get frame grid working cross browser
X-Git-Tag: v6.4.0-rc1~9^2~12
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d275c97c8a50aae77f4e5faa93a69cbbd209762c;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Get frame grid working cross browser
---

diff --git a/scss/zf-grid/_cell.scss b/scss/zf-grid/_cell.scss
index 2340beec9..c9a29092c 100644
--- a/scss/zf-grid/_cell.scss
+++ b/scss/zf-grid/_cell.scss
@@ -43,6 +43,8 @@
 }
 
 @mixin zf-cell-base($size: full) {
+  min-height: 0px;
+  min-width: 0px;
   @if($size == 'full') {
     // This is the base style, all others inherit from it
     flex: 0 0 auto;
@@ -175,7 +177,14 @@
 ) {
   $property: if($vertical == true, 'overflow-y', 'overflow-x');
 
-  #{$property}: auto;
+  @if $vertical == true {
+    overflow-y: auto;
+    max-height: 100%;
+  } @else {
+    overflow-x: auto;
+    max-width: 100%;
+  }
+
   -webkit-overflow-scrolling: touch;
   -ms-overflow-stype: -ms-autohiding-scrollbar;
 }
@@ -186,4 +195,9 @@
 @mixin zf-cell-block-container() {
   display: flex;
   flex-direction: column;
+  max-height: 100%;
+
+  > .grid {
+    max-height: 100%;
+  }
 }