Skip to content

Refactor version switcher styles - #227

Merged
simonhamp merged 2 commits into
NativePHP:mainfrom
palpavasiya:main
Nov 12, 2025
Merged

Refactor version switcher styles#227
simonhamp merged 2 commits into
NativePHP:mainfrom
palpavasiya:main

Conversation

@palpavasiya

@palpavasiya palpavasiya commented Nov 6, 2025

Copy link
Copy Markdown
Contributor

Issue

When i explore your documentation, I found UI related issue on "Version Switcher" component in dark mode and there is border which affects user experience. look this before and after images:

Before :

Screenshot 2025-11-06 172333

After :

Screenshot 2025-11-06 174103

@PeteBishwhip
PeteBishwhip requested review from a team and HassanZahirnia November 6, 2025 12:16
@PeteBishwhip

Copy link
Copy Markdown
Member

Hey - Thanks for your contribution.

I've requested a review from our amazing frontend designer, Hassan, as well as the Contributor team.

Appreciate your efforts :)

@gwleuverink gwleuverink left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a double check we can remove the focus styling. Other additions are 👍🏻

class="
inline-flex items-center
opacity-60 hover:opacity-100 transition-opacity duration-200
focus-within:outline-2 focus-within:rounded-xs focus-within:outline-offset-2

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we remove this focus state without providing an alternative? This is used when using keyboard navigation on the site. e.g. tab & space

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great catch! Unfortunately, I haven't found an alternative method for that issue. The previous code is better for handling keyboard navigation and provides a better user experience, so let's stick with that one.

@simonhamp
simonhamp merged commit 25e5c12 into NativePHP:main Nov 12, 2025
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.

4 participants