From 93aed87265247826590c167b5b57756af58591ad Mon Sep 17 00:00:00 2001 From: Alexis Mercier des Rochettes Date: Mon, 24 Mar 2025 17:34:06 +0100 Subject: [PATCH] bootstrap: fix minor issues with profile picture cropping * Add required [1] "display: block;" style property to img element * Fix image overflow in modal. As cropper size inherits from img's parent element [2] (including padding according to my research), we need to wrap modal body into another div that has the padding we want. * Remove ability [3] to click away to dismiss the modal as it often interfered with user interaction when cropping. [1] https://github.com/fengyuanchen/cropperjs/tree/v1?tab=readme-ov-file#example [2] https://github.com/fengyuanchen/cropperjs/tree/v1?tab=readme-ov-file#notes [3] https://getbootstrap.com/docs/4.0/components/modal/#options Signed-off-by: Alexis Mercier des Rochettes --- apps/member/templates/member/picture_update.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/apps/member/templates/member/picture_update.html b/apps/member/templates/member/picture_update.html index 60707dcb..dc21cad5 100644 --- a/apps/member/templates/member/picture_update.html +++ b/apps/member/templates/member/picture_update.html @@ -20,12 +20,14 @@ SPDX-License-Identifier: GPL-3.0-or-later -