Add .ui-scrollable-table-container helper class to allow wide semantic-ui tables to horizontally scroll and not hide data

2018-02-15 16:10:27 -03:00
parent 20d1d31041
commit d269bd6c83
1 changed files with 4 additions and 0 deletions
@@ -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