Skip to content

Commit

Permalink
fix: course image height on IOS Safari
Browse files Browse the repository at this point in the history
Course thumbnails on IOS Safari stretch to the full height of the image,
instead of being limited by width and preserving aspect ratio. This
seems to be a IOS Safari specific behavior[1], and can be fixed by
setting height to auto, while width is set to 100%.

This issues is specific to the context of the course card, so we are
fixing it by setting the height in the course card css, instead of
fixing it globally in the Paragon styles, which wouldn't work in all
contexts.

1: https://stackoverflow.com/a/44250830
  • Loading branch information
Cup0fCoffee committed Dec 30, 2024
1 parent 4accfc9 commit a3c268f
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions src/containers/CourseCard/CourseCard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
}
.pgn__card-image-cap {
border-bottom-left-radius: 0 !important;
height: auto !important;
}
.overflow-visible {
overflow: visible;
Expand Down

0 comments on commit a3c268f

Please sign in to comment.