Skip to content
Snippets Groups Projects

bootstrap: fix minor issues with profile picture cropping

Merged alexismdr requested to merge fixed_crop_pp_dim into main
  • 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

Edited by alexismdr

Merge request reports

Loading
Loading

Activity

Filter activity
  • Approvals
  • Assignees & reviewers
  • Comments (from bots)
  • Comments (from users)
  • Commits & branches
  • Edits
  • Labels
  • Lock status
  • Mentions
  • Merge request status
  • Tracking
  • Loading
  • Loading
  • Loading
  • Loading
Please register or sign in to reply
Loading