]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commit
Fix button width in Outlook's "View in Browser" 661/head
authorStadly <magnar@myrtveit.com>
Fri, 9 Dec 2016 08:29:19 +0000 (09:29 +0100)
committerStadly <magnar@myrtveit.com>
Mon, 17 Dec 2018 10:36:48 +0000 (11:36 +0100)
commitf14b3543868bdf886438486bc0eab77ddd9da74c
treedcda5238f7a1c267d58ec9b611719da1898b006d
parent0642710cb4c7acfe6569f1f948596d15fc9e21f6
Fix button width in Outlook's "View in Browser"

The grid rule

td.columns,
td.column,
th.columns,
th.column {
table:not(.button) {
width: 100%;
}
}

sets the inner table of buttons to `width: 100%`. This breaks the layout
when reading the email in IE by using the "View in Browser" feature in
Outlook. The wide inner table causes the buttons to break over multiple
lines. This fix sets the inner table to `width: auto` for non-expanded
buttons.
scss/components/_button.scss