Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-18 02:35:23 -04:00
Code Issues Packages Projects Releases Wiki Activity

Research panel: connect Settings toggle to body + lift textarea 4px

Browse Source 
- 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).
This commit is contained in:
pewdiepie-archdaemon
2026-06-13 22:41:49 +09:00
parent 0895c70fc9
commit 7cbf5a2c00
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+15 -1
View File
@@ -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;