From 2a0f2454f412355d21fe992807ce7242c844a223 Mon Sep 17 00:00:00 2001 From: Skia Date: Thu, 7 Nov 2024 15:41:14 +0100 Subject: [PATCH 1/2] core: fix user profile picture size Since 28f397574f7b7ef54914972ed0154ce879128a3b and the removal of the `flex-basis: 50px` property from `user_profile_pictures_thumbnails`, the main picture was always displayed small-ish, at least on Firefox. Setting back a flex-basis helps getting more consistent behavior once again. --- core/static/user/user_detail.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/core/static/user/user_detail.scss b/core/static/user/user_detail.scss index 3b32a327..a3b5f1cf 100644 --- a/core/static/user/user_detail.scss +++ b/core/static/user/user_detail.scss @@ -170,6 +170,7 @@ main { align-items: center; gap: 20px; flex-grow: 1; + flex-basis: 14em; @media (max-width: 960px) { flex-direction: row; From b65ec6463bf8ff858d622b61909e9227f0f6acf4 Mon Sep 17 00:00:00 2001 From: imperosol Date: Sun, 10 Nov 2024 16:18:56 +0100 Subject: [PATCH 2/2] fix picture display in profile page --- core/static/user/user_detail.scss | 13 ++----------- 1 file changed, 2 insertions(+), 11 deletions(-) diff --git a/core/static/user/user_detail.scss b/core/static/user/user_detail.scss index a3b5f1cf..87a3d199 100644 --- a/core/static/user/user_detail.scss +++ b/core/static/user/user_detail.scss @@ -130,7 +130,7 @@ main { width: 50%; display: flex; flex-direction: row; - justify-content: flex-end; + justify-content: space-evenly; @media (max-width: 960px) { width: 100%; @@ -143,21 +143,14 @@ main { } > .user_profile_pictures_bigone { - flex-grow: 9; - flex-basis: 20em; display: flex; justify-content: center; - align-items: center; > img { max-height: 100%; - max-width: 100%; - object-fit: contain; @media (max-width: 960px) { - max-width: 300px; - width: 100%; - object-fit: contain; + width: 300px; } } } @@ -169,8 +162,6 @@ main { justify-content: center; align-items: center; gap: 20px; - flex-grow: 1; - flex-basis: 14em; @media (max-width: 960px) { flex-direction: row;