From 80a4ec502ed766a3c9b19de4a8415c446c83de9c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= Date: Mon, 30 Jan 2023 14:32:27 +0100 Subject: [PATCH] fix(a11y): allow pinch to zoom (#1515) --- styles/global.css | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/styles/global.css b/styles/global.css index 42422eae..a319d903 100644 --- a/styles/global.css +++ b/styles/global.css @@ -185,11 +185,6 @@ html { --at-apply: bg-base text-base; } -body { - /* Prevent arbitrary zooming on mobile devices */ - touch-action: pan-x pan-y; -} - .sparkline--fill { fill: var(--c-primary-active); opacity: 0.2; @@ -214,8 +209,8 @@ footer { clip-path: url(#avatar-mask); } -/* -Grayscale mode +/* +Grayscale mode Setting each element filter to a different var allows controlling them individually */ @@ -230,7 +225,7 @@ allows controlling them individually [data-mode="grayscale"] .poll-wrapper { filter: grayscale(var(--poll-grayscale, 1)); } -[data-mode="grayscale"] .status-actions, +[data-mode="grayscale"] .status-actions, [data-mode="grayscale"] .status-boosted { filter: grayscale(var(--status-grayscale, 1)); }