From d269bd6c83270acb503ef06d8574eb20a0696ce1 Mon Sep 17 00:00:00 2001 From: Benjamin ter Kuile Date: Thu, 15 Feb 2018 16:10:27 -0300 Subject: [PATCH] Add .ui-scrollable-table-container helper class to allow wide semantic-ui tables to horizontally scroll and not hide data --- addon/styles/_convenience-helpers.sass | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/addon/styles/_convenience-helpers.sass b/addon/styles/_convenience-helpers.sass index 578bf6c..83b6b04 100644 --- a/addon/styles/_convenience-helpers.sass +++ b/addon/styles/_convenience-helpers.sass @@ -20,6 +20,10 @@ &.compact padding: 0.5em 0.7em +.ui-scrollable-table-container + // semantic-ui has overflow-x hidden normally. Tables that do not collapse should be made horizontally scrollable to not "loose" data + overflow-x: scroll + // This helper is used on semantic-ui tables having pre elements. Due to whitespace settings the table width is pushing the table from the screen // https://github.com/Semantic-Org/Semantic-UI/issues/1341 .force-wrap