github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Only apply responsive table CSS to .rows-and-columns

Browse source
This commit is contained in:
Simon Willison 2018-05-20 10:45:01 -07:00
commit f00137c8ac
No known key found for this signature in database
GPG key ID: 17E2DEA2588B7F52
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
datasette/templates/query.html
View file

@ -8,7 +8,7 @@
<style> <style>
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
{% for column in columns %} {% for column in columns %}
td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; } .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
{% endfor %} {% endfor %}
} }
</style> </style>

2
datasette/templates/row.html
View file

@ -7,7 +7,7 @@
<style> <style>
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
{% for column in columns %} {% for column in columns %}
td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; } .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
{% endfor %} {% endfor %}
} }
</style> </style>

2
datasette/templates/table.html
View file

@ -8,7 +8,7 @@
<style> <style>
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
{% for column in display_columns %} {% for column in display_columns %}
td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; } .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; }
{% endfor %} {% endfor %}
} }
</style> </style>