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

Fix margin+padding between title and sub-cards #130

Open
ThomDietrich opened this issue Sep 28, 2022 · 1 comment
Open

Fix margin+padding between title and sub-cards #130

ThomDietrich opened this issue Sep 28, 2022 · 1 comment

Comments

@ThomDietrich
Copy link

ThomDietrich commented Sep 28, 2022

Hey there,
Assuming that vertical-stack-in-card should behave and feel identical to the core cards, there is one very obvious difference:

image

The distance between the title and the first card should certainly be reduced. Equally I would argue to reduce the distance between cards, however I understand that this might squish certain card types together unpleasantly!?

I was able to resolve this by adding the following CSS rule (as applied in the core source). I am not a CSS expert, so please evaluate whether it's the best solution. Thanks!!

vertical-stack-in-card div#states.card-content {
  margin-top: -8px;
  padding-top: 0px;
}
@kalhimeo
Copy link

kalhimeo commented Feb 2, 2023

Thank you, I was looking for exactly this. Any expert who could point me how to achieve the same for a specific card using card-mod (or maybe the card "styles" option) ? Thank you !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants