Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[bug] HCM: Fix styles for Segmented Button in High Contrast Mode (border width, hover state, and selected button styling) #4298

Open
alionazherdetska opened this issue Dec 15, 2024 · 0 comments · May be fixed by #4311
Open

[bug] HCM: Fix styles for Segmented Button in High Contrast Mode (border width, hover state, and selected button styling) #4298

alionazherdetska opened this issue Dec 15, 2024 · 0 comments · May be fixed by #4311
Assignees
@leagrdv
Labels
💜 accessibility 🐞 bug Something isn't working 📦 styles Related to the @swisspost/design-system-styles package
Milestone
PPNL Support

Comments

@alionazherdetska
Copy link
Contributor

alionazherdetska commented Dec 15, 2024 •
edited
Loading

Description:

Border Width:
The border width is inconsistent on devices with a width of less than 600px.
The border width on hover is incorrect and needs adjustment.

Aufzeichnung.2024-12-13.154140.mp4

Selected Button:
The selected button is missing a Selected background color.
The content inside the selected button is missing the SelectedItemText color
Image
@alionazherdetska alionazherdetska added 🐞 bug Something isn't working 💜 accessibility 📦 styles Related to the @swisspost/design-system-styles package labels Dec 15, 2024
@alionazherdetska alionazherdetska added this to the PPNL Support milestone Dec 15, 2024
@gfellerph gfellerph moved this from 👀 Triage to 💻 Ready for development in Design System Production Board Dec 16, 2024
@leagrdv leagrdv self-assigned this Dec 16, 2024
@leagrdv leagrdv linked a pull request Dec 16, 2024 that will close this issue
fix(styles): HCM on segmented buttons #4311
Draft
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
💜 accessibility 🐞 bug Something isn't working 📦 styles Related to the @swisspost/design-system-styles package
Projects
Design System Production Board
Status: 💻 Ready for development
Milestone
PPNL Support
Development

Successfully merging a pull request may close this issue.

fix(styles): HCM on segmented buttons swisspost/design-system
2 participants
@alionazherdetska @leagrdv