From: Geoff Kimball <geoff@zurb.com>
Date: Sat, 12 Mar 2016 01:19:26 +0000 (-0800)
Subject: Use <th> instead of <td> for callouts, which prevents nested grids from breaking... 
X-Git-Tag: v2.0.0-rc.4~40
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=54d8575546e239863b49715690400995f3555a03;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Use <th> instead of <td> for callouts, which prevents nested grids from breaking out of callouts in Gmail Android. Closes #230
---

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index c5e0b83a..d05b7983 100644
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -38,7 +38,7 @@ $callout-border-warning: 1px solid darken($warning-color, 20%) !default;
 /// @type Border
 $callout-border-alert: 1px solid darken($alert-color, 20%) !default;
 
-td.callout {
+th.callout {
   width: 100%;
   border: $callout-border;
   padding: $callout-padding;
diff --git a/test/visual/pages/callout-in-grid.html b/test/visual/pages/callout-in-grid.html
new file mode 100644
index 00000000..c74aaa2e
--- /dev/null
+++ b/test/visual/pages/callout-in-grid.html
@@ -0,0 +1,17 @@
+<container>
+  <row>
+    <columns>
+      <callout class="secondary">
+        <row>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque necessitatibus perferendis doloremque quod quam nisi, unde ipsum qui, nesciunt reiciendis adipisci. Ratione nemo adipisci aspernatur quaerat tempore omnis delectus ipsam!</p>
+          </columns>
+          <columns>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, doloremque explicabo aperiam vitae autem dolorum id placeat cumque praesentium qui, similique rerum error quibusdam sed officia eligendi obcaecati illum. Quo!</p>
+          </columns>
+        </row>
+      </callout>
+    </columns>
+  </row>
+
+</container>