-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
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] Incorrect positioning for v-card-actions in v-dialog #10605
Comments
I'd be interested in resolving this myself as a first issue, if someone is available to walk me through the process? |
@joffff Custom CSS in your component will fix this: <style scoped>
.v-dialog > .v-card > .v-card__actions {
padding: 8px 16px;
}
</style> I am enough a Vue novice myself to not yet understand whether removing "scoped" will help fix this problem for your entire site / all components. Probably yes? Anyway, if you can find where vuetify defines returning 5 minutes later vuetify/packages/vuetify/src/components/VDialog/VDialog.sass Lines 20 to 31 in 088a509
Simply add the vuetify/packages/vuetify/src/components/VDialog/_variables.scss Lines 1 to 12 in 088a509
I suggest |
Environment
Vuetify Version: 2.2.12
Vue Version: 2.6.11
Browsers: Firefox 74.0
OS: Windows 10
Steps to reproduce
Create a v-btn element within v-card-actions in a v-card that's embedded in a v-dialog.
Expected Behavior
v-card-actions should be positioned as far from the left as the v-card-title when used in a v-dialog.
Actual Behavior
v-card-actions are positioned more to the left than the v-card-title when used in a v-dialog.
Reproduction Link
https://codepen.io/joffff/pen/1c3b45bf93102229c3ddc558d88be971
Other comments
A similar bug for v-card-subtile was reported in #9468.
The text was updated successfully, but these errors were encountered: