From 9584dc3ca6d3622bfb62e81763527c2fafe4e9c6 Mon Sep 17 00:00:00 2001 From: you Date: Mon, 23 Mar 2026 16:36:16 +0000 Subject: [PATCH] =?UTF-8?q?fix:=20QR=20overlay=20visible=20=E2=80=94=20sem?= =?UTF-8?q?i-transparent=20white=20backing=20instead=20of=20invisible?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 50% opacity on transparent bg = invisible on dark maps. Now uses white 60% bg (light) / black 50% bg (dark) with full opacity SVG. --- public/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/public/style.css b/public/style.css index 7265590a..4a26299b 100644 --- a/public/style.css +++ b/public/style.css @@ -1117,8 +1117,9 @@ button.ch-item.ch-item-encrypted .ch-badge { filter: grayscale(0.6); } [data-theme="dark"] .node-qr svg rect[fill="#ffffff"] { fill: var(--card-bg); } [data-theme="dark"] .node-qr svg rect[fill="#000000"] { fill: var(--text); } .node-map-qr-wrap { position: relative; } -.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: none; border: none; padding: 0; } -.node-map-qr-overlay svg { max-width: 64px; display: block; opacity: 0.5; } +.node-map-qr-overlay { position: absolute; bottom: 8px; right: 8px; z-index: 400; background: rgba(255,255,255,0.6); border-radius: 4px; padding: 3px; } +.node-map-qr-overlay svg { max-width: 64px; display: block; } +[data-theme="dark"] .node-map-qr-overlay { background: rgba(0,0,0,0.5); } [data-theme="dark"] .node-map-qr-overlay svg rect[fill="#000000"] { fill: var(--text); } /* Replay on Live Map button in packet detail */