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] v-card-action align to end of v-card when extending height #4160

Closed
pwildschut opened this issue May 29, 2018 · 2 comments
Closed
Labels
wontfix The issue is expected and will not be fixed

Comments

@pwildschut
Copy link

Problem to solve

When extending the height of a v-card by setting up the height attribute the v-card action does not align with the bottom of the v-card. I know this might be just my aesthetical liking. But still, is there a way to achieve this? Here is an example of what i mean: https://codepen.io/pwildschut/pen/ERxayE

Proposed solution

Not been able to find my own solution. Still exploring

@sindrepm
Copy link
Contributor

I don't think this should be the default behavior as cards can have many different layouts. You can easily achieve this by using a few helper classes, though. See this example: https://codepen.io/anon/pen/oyNrEe

There are probably different ways this can be implemented, but an easy one is to make your card use flexbox (column) and then apply the "grow" class to the v-card-text element to make it fill the remaining space. This will effectively push the actions row to the bottom of the card.

@nekosaur nekosaur added the wontfix The issue is expected and will not be fixed label Jul 7, 2018
@nekosaur nekosaur closed this as completed Jul 7, 2018
@tecfu
Copy link

tecfu commented Jul 31, 2018

@sindrepm Very helpful example, thank you.
@nekosaur Can we do a little more to document this?

@lock lock bot locked as resolved and limited conversation to collaborators Jul 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
wontfix The issue is expected and will not be fixed
Projects
None yet
Development

No branches or pull requests

4 participants