Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Make pod-tables scroll horizontally on smaller views
If a table is too wide for a page a horizontal scroll bar will be added to the bottom.

If the page is focused, the right key will scroll right and left to come back.

I'm presuming this will work on mobile with finger dragging, but no testing set up for that at the moment.
  • Loading branch information
Moray committed Aug 13, 2018
1 parent 3859d61 commit 7377953
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions assets/sass/style.scss
Expand Up @@ -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);
}
Expand Down

0 comments on commit 7377953

Please sign in to comment.