testing collapsible tables for mobile views #405
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is meant as a test branch for collapsible (column to rows) tables for mobile views, it works through a Javascript that adds table header captions as attributes into corresponding
<td>
tags which are then prepended using CSS. When Javascript is disabled it falls back to scrollbars where tables overflow.Things to consider:
<table>
tags. If this is not intended it would be required to add an identifier class to the tables this should apply to and adjust the topmost querySelector in the script to it.<td>
's seem to be used for annotation, e.g.This site is likely blocked because it can also be used as a censorship circumvention tool by acting as a web proxy.
at https://ooni.org/post/indonesia-internet-censorship/ , this would be wrongly displayed as its own table using the current approach (but could be circumvented by giving those<td>
's a special class)