10BC0 fix(VBtnToggle): remove overlay multiplier from inactive buttons by hiraeth0425 · Pull Request #22084 · vuetifyjs/vuetify · GitHub
[go: up one dir, main page]

Skip to content

Conversation

hiraeth0425
Copy link
@hiraeth0425 hiraeth0425 commented Sep 19, 2025

fix(VBtnToggle): remove overlay multiplier from inactive buttons

Description

Fixes #22004

Fixes overlay visual issues on inactive buttons in the VBtnToggle component. Currently, inactive buttons in
button toggles inherit unwanted overlay effects that affect their visual appearance.

Changes

  • Added --v-theme-overlay-multiplier: 0 to inactive buttons (.v-btn-toggle > .v-btn)
  • Preserves existing overlay behavior for active buttons
  • Minimal CSS change with targeted scope

Before/After

Before: Inactive buttons displayed unwanted overlay effects
After: Inactive buttons have clean appearance without overlay artifacts while maintaining proper active
state styling

@hiraeth0425 hiraeth0425 changed the title fix(VBtnToggle): remove overlay multiplier from inactive buttons #22004 fix(VBtnToggle): remove overlay multiplier from inactive buttons Sep 19, 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.

[Bug Report][3.9.7] .v-btn-toggle (button groups should not have opacity by default)
1 participant
0