Merge pull request #2258 from MorayJ/pod-table-scroll

MorayJ · web-flow · commit c83c0d7ffb14 · 2018-08-13T17:53:55.000+01:00
Make pod-tables scroll horizontally on smaller views
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -74,6 +74,12 @@ svg {
     height: auto;
 }
 
+table.pod-table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
 table.pod-table tr:nth-child(odd) {
     background-color: rgba(0, 0, 0, 0.031373);
 }

Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,12 @@ svg {`
`74`	`74`	`height: auto;`
`75`	`75`	`}`
`76`	`76`
	`77`	`+table.pod-table {`
	`78`	`+ display: block;`
	`79`	`+ overflow-x: auto;`
	`80`	`+ white-space: nowrap;`
	`81`	`+}`
	`82`	`+`
`77`	`83`	`table.pod-table tr:nth-child(odd) {`
`78`	`84`	`background-color: rgba(0, 0, 0, 0.031373);`
`79`	`85`	`}`