Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Fixed small images in "wide" before/after card

Browse source 
refs https://github.com/TryGhost/Team/issues/1249

Because we cannot resize the container of teh slider without affecting
the surrounding content, e.g. in the context of a grid. We need to
stretch images to fit the slider container.

This also applies the `object-fit: cover` property to the slider image
to help with mis-matched aspect ratios
This commit is contained in:
Fabien egg O'Carroll 2021-12-15 16:56:46 +02:00
parent 16c6e535be
commit c745211ee4
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
core/frontend/src/cards/css/before-after.css
View file

@ -10,8 +10,13 @@
left: 0;
}
.kg-before-after-card .kg-before-after-card-image-after img {
width: 100%;
}
.kg-before-after-card .kg-before-after-card-image-before img {
max-width: none;
object-fit: cover;
}
.kg-before-after-card input {