Skip to content

fix: eliminate border seam next to selected direction filter tab in light mode#42

Closed
nightmare0329 wants to merge 1 commit intoentrius:testfrom
nightmare0329:fix/direction-filter-border-seam
Closed

fix: eliminate border seam next to selected direction filter tab in light mode#42
nightmare0329 wants to merge 1 commit intoentrius:testfrom
nightmare0329:fix/direction-filter-border-seam

Conversation

@nightmare0329
Copy link
Copy Markdown

@nightmare0329 nightmare0329 commented Apr 18, 2026

Summary

  • MUI ToggleButtonGroup collapses adjacent borders between buttons
  • The selected button's borderColor override did not extend to the left border of the immediately following button, leaving a divider-colored seam in light mode
  • Dark mode was unaffected because the divider color happened to blend
  • Added & .Mui-selected + .MuiToggleButton-root CSS selector to match the seam border to the primary color

Closes #24

Test plan

  • Select each direction filter option in light mode — no seam visible on any side of the selected button
  • Dark mode appearance unchanged
  • Last button (Reverse) has no right-side seam when selected

…ight mode

MUI ToggleButtonGroup collapses adjacent borders — the selected button's
borderColor override did not propagate to the left border of the following
button, leaving a divider-colored seam in light mode.
Add the adjacent-sibling selector to match the seam to the primary color.

Closes entrius#24

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Fix Direction Filter Toggle Border Seam in Light Mode

1 participant