From 030afa9f6a0edca38eb230e130a9f66f5b845a67 Mon Sep 17 00:00:00 2001 From: Amardeep Date: Sat, 30 May 2026 00:04:45 +0530 Subject: [PATCH] toolbar positio --- web/plugin.head.html | 38 +++++++++++++++++++++++++++++++++----- 1 file changed, 33 insertions(+), 5 deletions(-) diff --git a/web/plugin.head.html b/web/plugin.head.html index 993da2b..7c831f7 100644 --- a/web/plugin.head.html +++ b/web/plugin.head.html @@ -498,7 +498,7 @@ html:not(.politictalk-direct-access-blocked) .toolbox-content, html:not(.politictalk-direct-access-blocked) .toolbox-content-wrapper { - max-width: calc(100vw - 44px) !important; + max-width: calc(100vw - 56px) !important; pointer-events: auto !important; } @@ -516,21 +516,49 @@ } html:not(.politictalk-direct-access-blocked) .toolbox-content { + align-items: center !important; border-radius: 8px !important; box-sizing: border-box !important; bottom: auto !important; + display: flex !important; + gap: 8px !important; + justify-content: center !important; left: auto !important; margin-left: auto !important; margin-right: auto !important; - max-width: calc(100vw - 44px) !important; + max-width: calc(100vw - 56px) !important; overflow: visible !important; - padding-left: 8px !important; - padding-right: 8px !important; + padding: 8px 10px !important; position: relative !important; right: auto !important; top: auto !important; transform: none !important; - width: max-content !important; + width: auto !important; + } + + html:not(.politictalk-direct-access-blocked) .toolbox-content .toolbox-button, + html:not(.politictalk-direct-access-blocked) .toolbox-content [class*="toolbox-button"], + html:not(.politictalk-direct-access-blocked) .toolbox-content [class*="ToolboxButton"], + html:not(.politictalk-direct-access-blocked) .toolbox-content button, + html:not(.politictalk-direct-access-blocked) .toolbox-content [role="button"] { + flex: 0 0 48px !important; + height: 48px !important; + margin: 0 !important; + max-height: 48px !important; + max-width: 48px !important; + min-height: 48px !important; + min-width: 48px !important; + width: 48px !important; + } + + html:not(.politictalk-direct-access-blocked) .toolbox-content svg, + html:not(.politictalk-direct-access-blocked) .toolbox-content .toolbox-icon, + html:not(.politictalk-direct-access-blocked) .toolbox-content [class*="toolbox-icon"], + html:not(.politictalk-direct-access-blocked) .toolbox-content [class*="ToolboxIcon"] { + height: 24px !important; + max-height: 24px !important; + max-width: 24px !important; + width: 24px !important; } .politictalk-direct-access {