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

[Bug Report] v-toolbar CSS overrides v-btn size #8145

Closed
Alex-Mastin opened this issue Jul 29, 2019 · 1 comment
Closed

[Bug Report] v-toolbar CSS overrides v-btn size #8145

Alex-Mastin opened this issue Jul 29, 2019 · 1 comment
Labels
C: VBtn C: VToolbar duplicate The issue has already been reported

Comments

@Alex-Mastin
Copy link

Environment

Vuetify Version: 2.0.2
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.100
OS: Linux x86_64

Steps to reproduce

Put a v-btn inside of a v-toolbar and compare it's size when to a v-btn outside of a toolbar

Expected Behavior

v-btn size props should not be overridden by other components

Actual Behavior

If a v-btn is nested inside of a v-toolbar, the v-toolbar's CSS will set the height and width of the v-btn to 48px regardless of if the v-btn has size props applied to it.

Reproduction Link

https://codepen.io/anon/pen/gVgBXx

@ghost ghost added the S: triage label Jul 29, 2019
@jacekkarczmarczyk
Copy link
Member

Duplicate of #8035

@jacekkarczmarczyk jacekkarczmarczyk marked this as a duplicate of #8035 Jul 30, 2019
@jacekkarczmarczyk jacekkarczmarczyk added C: VBtn C: VToolbar duplicate The issue has already been reported and removed S: triage labels Jul 30, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VBtn C: VToolbar duplicate The issue has already been reported
Projects
None yet
Development

No branches or pull requests

2 participants