From: Nic Winn <nic.liamg@gmail.com>
Date: Wed, 31 Jan 2018 19:14:23 +0000 (-0600)
Subject: Remove calculated width for scrollable tables
X-Git-Tag: v6.6.0~3^2~303^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10897%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Remove calculated width for scrollable tables

width: auto on a table ready for scroll reverts the default where browsers calculate a width. This overrides a stylesheet declaring table width:100%. A table that needs scrolling somewhere between the medium and large breakpoints will collapse because the column width is set by the widest unbreakable content in the cells.
---

diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index fc967df3d..44f92ed58 100644
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -323,8 +323,5 @@ $table-stack-breakpoint: medium !default;
   .table-scroll {
     overflow-x: auto;
 
-    table {
-      width: auto;
-    }
   }
 }