foundation-emails icon indicating copy to clipboard operation
foundation-emails copied to clipboard

grid column width issue

Open jamesdixon opened this issue 9 years ago • 2 comments
trafficstars

There seems to be an issue with column sizes being incorrectly calculated when modifying $global-gutter. It becomes more apparent when using a larger value. This may be related to #333.

Note: Using Foundation for Email 2.2.1

How can we reproduce this bug?

<container>
    <row>
         <columns small="2">
             <strong>Date:</strong>
         </columns>
         <columns small="10">
             January 12, 2:30PM
         </columns>
     </row>
     <row>
         <columns small="2">
             <strong>Service:</strong>
         </columns>
         <columns small="10">
             Dog Walking
         </columns>
     </row>
</container>
// _settings.scss
$global-gutter: 50px;

What did you expect to happen?

I'd expect all columns in the table to have the same width.

What happened instead?

You'll notice that row 2, column 1 is wider than row 1, column 1.

image

What email clients does this happen in?

I've only tested locally at this point.

jamesdixon avatar Jul 15 '16 02:07 jamesdixon

Note that I tried the fix in #333 and while it appears to help, it's still not quite there.

image

jamesdixon avatar Jul 15 '16 02:07 jamesdixon

This is still an issue

mantasio avatar Jul 11 '19 11:07 mantasio