From dbeb071749779e7bc739fbfdff2976acff167b08 Mon Sep 17 00:00:00 2001 From: Matttttt <18152455+martholomew@users.noreply.github.com> Date: Wed, 27 Nov 2024 02:03:02 +0000 Subject: [PATCH] improved mobile handling (kiwi browser) Signed-off-by: Matttttt <18152455+martholomew@users.noreply.github.com> --- ext/css/action-popup.css | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/ext/css/action-popup.css b/ext/css/action-popup.css index 8f007dd6b..850d38f3e 100644 --- a/ext/css/action-popup.css +++ b/ext/css/action-popup.css @@ -296,9 +296,39 @@ h2.action-title { color: #f0ad4e; } - /* Mobile overrides */ +:root[data-mode=full] #action-popup { + display: initial; +} +:root[data-mode=full] body { + min-width: 95%; + width: max-content; + font-size: calc(var(--font-size) * 2); + text-align: center; +} +:root[data-mode=full] .toggle-on, .toggle-off { + font-size: calc(var(--font-size) * 4); +} +:root[data-mode=full] .toggle-handle { + padding-left: 65px; + padding-right: 65px; + border-radius: 10px; +} +:root[data-mode=full] .toggle { + width: 100%; + padding-top: 37.7%; +} +:root[data-mode=full] #extension-info { + max-width: 95vw; + overflow-wrap: break-word; +} +:root[data-mode=full] select.profile-select { + font-size: calc(var(--font-size) * 2); +} + +/* Fallback Mobile overrides */ + /* Treat devices that can't hover as mobile devices */ @media (hover: none) { #action-popup {