Incorrect ratio of images in the dashboard (the latest event and group created pictures) [beta.3]
The figure
tags on the dashboard use the classes is-4by3
which affect the nested img
tag. But since no cropping of the uploaded image is happening yet, we don't know the ratio of these images beforehand.
Proposed fix for now:
Add this to the in-line CSS of https://framagit.org/framasoft/mobilizon/-/blob/1.2.0-beta.3/js/src/views/Admin/Dashboard.vue/Dashboard.vue
.image.is-4by3 img {
object-fit: cover;
}
This has the downside of cropping the image arbitrarily (object-position
defaults to 50% 50%
[center]), but has the benefit of making the image look less broken.
Creating this issue to reference in my PR.
Hope i'm doing this right :)
Edited by Setto Sakrecoer