danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Global widget: drop the double-panel look on the source row

Browse source 
The global search popover already draws its own frosted-glass panel
(via .gsearch-results), so putting another bordered/gradient container
around the source icons inside it read as "panel inside a panel" —
visually noisy and left a dark empty strip on the right when the row
didn't fill the popover width.

Strip the source row's own background/border, center-align the chips
(justify-content: center) so they stay grouped instead of drifting to
the left, and keep a subtle bottom divider so the icons still read as
a distinct control group above the results.
This commit is contained in:
Broque Thomas 2026-04-23 14:07:52 -07:00
parent f6f8a3e960
commit ec0c425e71
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
webui/static/style.css
View file

@ -5479,23 +5479,22 @@ body.helper-mode-active #dashboard-activity-feed:hover {
.gsearch-tab.active { background: rgba(var(--accent-rgb), 0.12); color: var(--accent); border-color: rgba(var(--accent-rgb), 0.2); }
.gsearch-tab:hover:not(.active) { background: rgba(255,255,255,0.06); }
/* Source icon row (replaces post-search tabs) — compact glassy version of
the Search-page row so both surfaces share the same language. */
/* Source icon row in the global widget. The popover itself is already a
glass panel, so this row is just a transparent flex strip — no double
border/background. justify-content: center keeps the chips grouped
instead of drifting to the left when they don't fill the popover width. */
.gsearch-source-row {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: visible;
justify-content: center;
gap: 6px;
padding: 10px 14px 10px;
margin: 8px 12px 10px;
padding: 12px 14px 8px;
flex-shrink: 0;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.015) 100%);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.gsearch-source-row::-webkit-scrollbar { height: 4px; }
.gsearch-source-row::-webkit-scrollbar-track { background: transparent; }