From 162b423fa7929810c5ce690dce68cd448dbd203c Mon Sep 17 00:00:00 2001 From: ashisgreat22 Date: Sun, 22 Mar 2026 02:27:57 +0100 Subject: [PATCH] =?UTF-8?q?docs:=20fix=20plan=20issues=20=E2=80=94=20mobil?= =?UTF-8?q?e=20FAB,=20RSS=20format,=20init=20wiring?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reviewed-by: plan-document-reviewer Co-Authored-By: Claude Opus 4.6 --- .../plans/2026-03-22-settings-ui.md | 47 ++++++++++++++++--- 1 file changed, 41 insertions(+), 6 deletions(-) diff --git a/docs/superpowers/plans/2026-03-22-settings-ui.md b/docs/superpowers/plans/2026-03-22-settings-ui.md index 9ebcffd..cf34df5 100644 --- a/docs/superpowers/plans/2026-03-22-settings-ui.md +++ b/docs/superpowers/plans/2026-03-22-settings-ui.md @@ -255,8 +255,15 @@ html[data-theme="dark"] { --color-btn-hover: #444; } -/* Mobile: Bottom sheet */ +/* Mobile: Bottom sheet + FAB trigger */ @media (max-width: 768px) { + /* Hide desktop trigger, show FAB */ + .settings-trigger-desktop { + display: none; + } + .settings-trigger-mobile { + display: block; + } .settings-popover { position: fixed; top: auto; @@ -268,6 +275,23 @@ html[data-theme="dark"] { border-radius: var(--radius) var(--radius) 0 0; border-bottom: none; } + /* FAB: fixed bottom-right button visible only on mobile */ + .settings-trigger-mobile { + display: block; + position: fixed; + bottom: 1.5rem; + right: 1.5rem; + width: 48px; + height: 48px; + border-radius: 50%; + background: var(--color-link); + color: #fff; + border: none; + box-shadow: 0 4px 12px rgba(0,0,0,0.2); + font-size: 1.2rem; + z-index: 199; + opacity: 1; + } } ``` @@ -441,7 +465,8 @@ function renderPanel(prefs) { var fmtOptions = [ { val: 'html', label: 'HTML' }, { val: 'json', label: 'JSON' }, - { val: 'csv', label: 'CSV' } + { val: 'csv', label: 'CSV' }, + { val: 'rss', label: 'RSS' } ]; var ssOptionsHtml = ''; var fmtOptionsHtml = ''; @@ -536,13 +561,18 @@ function initSettings() { var panel = document.getElementById('settings-popover'); var trigger = document.getElementById('settings-trigger'); + var mobileTrigger = document.getElementById('settings-trigger-mobile'); - if (panel && trigger) { + if (panel) { renderPanel(prefs); - trigger.addEventListener('click', function() { + + function togglePanel() { var isOpen = panel.getAttribute('data-open') === 'true'; if (isOpen) closePanel(); else openPanel(); - }); + } + + if (trigger) trigger.addEventListener('click', togglePanel); + if (mobileTrigger) mobileTrigger.addEventListener('click', togglePanel); } } @@ -590,9 +620,14 @@ In `base.html`, update the `` to: {{if .ShowHeader}}
kafka -
+ + {{end}}
{{template "content" .}}