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.

Reverted a previous commit doing this, and this should now work.
  • Loading branch information
MorayJ committed Aug 13, 2018
1 parent f538e4a commit 3321458
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions assets/sass/style.scss
Expand Up @@ -74,9 +74,15 @@ svg {
height: auto;
}

table.pod-table {
display: block;
overflow-x: auto;
}

table.pod-table tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.031373);
}

table.pod-table tr:nth-child(even) {
background-color: transparent;
}
Expand Down

0 comments on commit 3321458

Please sign in to comment.