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 Jan 20, 2025
1 parent 2b287c6 commit 9b40521
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 9b40521

Please sign in to comment.