search

djibe / material

Material Design 2 for Bootstrap 4 (active fork of Daemonite Material)
https://djibe.github.io/material/
MIT License
68 stars 11 forks source link

Missing top padding in cad body #15

Closed WillianGruber closed 4 years ago

WillianGruber commented 4 years ago

Hello!

I'm using latest release of material in Blazorise and noticed card body is missing top padding: image image

Could you check this, please?

Thank you!

djibe commented 4 years ago

Hi, this is a feature, not a bug :D In order to acheive those cards (https://djibe.github.io/material/docs/4.5/material/cards/) while offering liberty to use a card-header, I set

.card-header + .card-body {
  margin-top: 0;
}

Feel free to add a padding utility to your card-body like .pt-3.

Tell me if you see aother solution to this problem. Thanks for reporting this.

stsrki commented 4 years ago

I also agree with @WillianGruber that this behavior is not good. I checked with old daemonite, bootstrap and also some other material frameworks and all of them have some padding or margin between header and body parts.

btw, you have padding set instead of margin

.card-header+.card-body {
    padding-top: 0;
}
djibe commented 4 years ago

Sorry, I was thinking of padding and wrote margin.

I'll do it

djibe commented 4 years ago

Sources in repo updated.