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.

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

[Feature Request] I don't want VSwitch inset to reduce width and height when off. #19984

Closed
yosuke-oshima-lvgs opened this issue Jun 11, 2024 · 1 comment

Comments

@yosuke-oshima-lvgs
Copy link

yosuke-oshima-lvgs commented Jun 11, 2024

Problem to solve

It is possible to resolve the UI changes in the areas where VSwitch is used.
SASS Variables can be used to rewrite it, but it is more WARNING than vuetify-loader's.

vuetifyjs/vuetify-loader#290

Proposed solution

Set $switch-inset-thumb-off-height and $switch-inset-thumb-off-width to 24px

https://github.com/vuetifyjs/vuetify/blob/6748fd772378e64a0aa6644f9a10074bed44b1ed/packages/vuetify/src/components/VSwitch/_ variables.scss#L9-L12

@KaelWD
Copy link
Member

KaelWD commented Jun 11, 2024

https://m3.material.io/components/switch/overview

Equal size thumb is poor ux, not immediately obvious what state it is in.

@KaelWD KaelWD closed this as not planned Won't fix, can't repro, duplicate, stale Jun 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants