-
-
Notifications
You must be signed in to change notification settings - Fork 7k
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] Remove opacity for VListItemSubtitle #16446
Closed
llamington opened this issue
Jan 15, 2023
· 2 comments
· Fixed by Enterprise-CMCS/cmcs-eregulations#1307, Enterprise-CMCS/cmcs-eregulations#1313 or Enterprise-CMCS/cmcs-eregulations#1315 · May be fixed by Shuunen/ging#200
Closed
[Feature Request] Remove opacity for VListItemSubtitle #16446
llamington opened this issue
Jan 15, 2023
· 2 comments
· Fixed by Enterprise-CMCS/cmcs-eregulations#1307, Enterprise-CMCS/cmcs-eregulations#1313 or Enterprise-CMCS/cmcs-eregulations#1315 · May be fixed by Shuunen/ging#200
Comments
This is what we did with VCard but specifically for it's text, which by default should have lower opacity. Using opacity allows the element to inherit its color and achieve the same reduced opacity with any value. I'd like to solve this one by adding some new opacity css classes so that you can get around this by doing |
Currently you can do: <style scoped lang="scss">
:deep(.v-list-item-subtitle) { opacity: 1; }
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Problem to solve
VListItemSubtitle currently uses the opacity CSS property. All child elements inherit this opacity, however the Material Design docs allows for black subtitles. This is currently impossible in Vuetify 3, as black is not attainable with an inherited opacity of 60%.
Proposed solution
Use the RGBA CSS function instead of the opacity property
The text was updated successfully, but these errors were encountered: