From ce0fe4d6f250aff31b0b900697164cf99f73318a Mon Sep 17 00:00:00 2001 From: Simon Willison <swillison@gmail.com> Date: Wed, 21 Apr 2021 09:47:36 -0700 Subject: [PATCH] Don't rearrange tables on mobile screens, closes #380 --- vaccinate/templates/admin/base_site.html | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/vaccinate/templates/admin/base_site.html b/vaccinate/templates/admin/base_site.html index 5436796..64669dd 100644 --- a/vaccinate/templates/admin/base_site.html +++ b/vaccinate/templates/admin/base_site.html @@ -69,18 +69,20 @@ <h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('D function resizeTable() { /* So Windows mouse users can see the horizontal scrollbar https://github.com/CAVaccineInventory/vial/issues/363 */ - let container = document.querySelector("#changelist-form .results"); - let paginator = document.querySelector("p.paginator"); - if (!container || !paginator) { - return; + if (window.matchMedia('screen and (min-width: 800px)').matches) { + let container = document.querySelector("#changelist-form .results"); + let paginator = document.querySelector("p.paginator"); + if (!container || !paginator) { + return; + } + let height = + window.innerHeight - + container.getBoundingClientRect().top - + paginator.getBoundingClientRect().height - + 10; + container.style.overflowY = "auto"; + container.style.height = height + "px"; } - let height = - window.innerHeight - - container.getBoundingClientRect().top - - paginator.getBoundingClientRect().height - - 10; - container.style.overflowY = "auto"; - container.style.height = height + "px"; } window.addEventListener("load", () => {