From 7cbf5a2c00a145be250707959e43f48395fc68ac Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Sat, 13 Jun 2026 22:41:49 +0900 Subject: [PATCH] Research panel: connect Settings toggle to body + lift textarea 4px - When Settings is expanded, the toggle bar's bottom radius/border flattens and merges into the row below (zero gap, softer top-border on the body) so the row visually reads as the toggle's open-state content instead of an unrelated card below it. - .research-query margin-top trimmed from 6px to 2px (lifts the textarea ~4px closer to the description line above). --- static/style.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index 26a9ad72b..274e6a734 100644 --- a/static/style.css +++ b/static/style.css @@ -35825,7 +35825,7 @@ body.research-panel-view #research-divider { display:none; } border:1px solid var(--border); border-radius:6px; padding:8px 10px; font-size:12px; font-family:inherit; box-sizing:border-box; - margin-top: 6px; + margin-top: 2px; } .research-query:focus { outline:none; border-color:var(--accent-primary, var(--red)); } .research-settings-row { @@ -35918,6 +35918,20 @@ body.research-panel-view #research-divider { display:none; } .research-settings-toggle:hover { color:var(--fg); border-color:var(--fg); } .research-settings-chevron { display:inline-flex; transition:transform 0.2s; margin-left:auto; } .research-settings-toggle.collapsed .research-settings-chevron { transform:rotate(-90deg); } +/* When settings is EXPANDED, merge the toggle bar visually into the + settings body so it's clear the row below is the toggle's content + (no gap, no doubled border between them). */ +.research-settings-toggle:not(.collapsed) { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-color: transparent; +} +.research-settings-toggle:not(.collapsed) + .research-settings-row { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top-color: color-mix(in srgb, var(--border) 50%, transparent); +} .research-add-btn { padding:6px 14px; border:1px solid var(--border); border-radius:6px; background:transparent; color:var(--fg); font-size:12px; cursor:pointer;