crueber/walhub
Watch
1
0
Fork
You've already forked walhub
 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity

Fix #115: opaque dropdown panels + styled scrollbars #125

Merged
crueber merged 1 commit from fix/issue-115 into main 2026-09-05 05:37:24 +00:00
Conversation 0 Commits 1 Files changed 7 +21 -8
crueber commented 2026-09-05 05:35:13 +00:00
Owner
Copy link

Fixes #115. The refs dropdown used the shared translucent .card (dark:bg-zinc-900/70) so page text bled through (BEFORE screenshot on the issue). Generalizes the issue-#37 .clone-body solid-panel treatment to every floating .card popover: ref-drop, tasks-drop, notif-drop, reaction-drop, label-drop, close-drop (solid bg-white / dark:bg-zinc-900, same-specificity rule ordered after .card). Adds a themed slim scrollbar (.scroll-slim: webkit thin + Firefox scrollbar-width/color, both modes) to the scrollable popover lists (refs, label menu, notification tray). Scope: clone menu (already solid), refs picker, tasks overlay, notification tray, reaction menu, label picker, comment close/reopen menu. No backend/SDK change, no new deps. Verified: vite build, node tests 257 pass, real Chromium CDP drive (refs open dark+light, solid computed bgs, zero console errors). Docs: 12_web_ui.md decisions entry.

Fixes #115. The refs dropdown used the shared translucent `.card` (`dark:bg-zinc-900/70`) so page text bled through (BEFORE screenshot on the issue). Generalizes the issue-#37 `.clone-body` solid-panel treatment to every floating `.card` popover: ref-drop, tasks-drop, notif-drop, reaction-drop, label-drop, close-drop (solid bg-white / dark:bg-zinc-900, same-specificity rule ordered after `.card`). Adds a themed slim scrollbar (`.scroll-slim`: webkit thin + Firefox scrollbar-width/color, both modes) to the scrollable popover lists (refs, label menu, notification tray). Scope: clone menu (already solid), refs picker, tasks overlay, notification tray, reaction menu, label picker, comment close/reopen menu. No backend/SDK change, no new deps. Verified: vite build, node tests 257 pass, real Chromium CDP drive (refs open dark+light, solid computed bgs, zero console errors). Docs: 12_web_ui.md decisions entry.
Refs dropdown used translucent .card (dark bg-zinc-900/70) so page text bled through. Generalize the issue-#37 .clone-body solid-panel treatment to every floating .card popover (ref-drop, tasks-drop, notif-drop, reaction-drop, label-drop, close-drop) and add a themed slim scrollbar (.scroll-slim: webkit thin + Firefox scrollbar-width/color) to the scrollable popover lists. Docs: 12_web_ui.md decisions entry.
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
actions

   
bug
Something is not working

  
cli

   
duplicate
This issue or pull request already exists

  
enhancement
New feature

  
fork

   
forum

   
git storage

   
help wanted
Need some help

  
insights

   
invalid
Something is wrong

  
issues

   
moderation

   
oidc

   
ownership transfer

   
packages

   
pr/merge protection rules

   
projects

   
pull requests

   
question
More information is needed

  
releases

   
sponsorships

   
tags

   
webhooks

   
wiki

   
wontfix
This won't be fixed

No labels
actions
bug
cli
duplicate
enhancement
fork
forum
git storage
help wanted
insights
invalid
issues
moderation
oidc
ownership transfer
packages
pr/merge protection rules
projects
pull requests
question
releases
sponsorships
tags
webhooks
wiki
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
crueber/walhub!125
No description provided.