Flyspray - The bug killer!

  • Status New
  • Percent Complete
    0%
  • Task Type Feature Request
  • Category User Interface
  • Assigned To No-one
  • Operating System All
  • Severity Low
  • Priority Medium
  • Reported Version 1.0-rc
  • Due in Version Undecided
  • Due Date Undecided
  • Votes
  • Private
Attached to Project: Flyspray - The bug killer!
Opened by peterdd - 10.01.2017

FS#2325 - big image attachments: fit to browser window width in Lightbox

Maybe this is not an issue, but my problem is: upload images approximately 3000 px x 2000 px and this image appears larger than the monitor
is it possible that the image is automatically resized to 800 px x xxx px size

(reported by Ivan Cilic)

Project Manager
peterdd commented on 10.01.2017 19:58

Quick solution possible with modification of

js/lightbox/js/lightbox.js
(deactivate Effect.Scale... lines that write dynamically absolute pixel values into inline css style)

and some changes to

js/lightbox/js/lightbox.css

Got something working yesterday, but not completely satisfied to merge to Flyspray source. Needs usability testing with touch devices too.

Attached is a simple 4000 px width gif-image for playing/testing here too.

   4000.gif (75.3 KiB)
Project Manager
peterdd commented on 10.01.2017 23:52

Also the lightbox close button should be always visible without need of scrolling. Alternativly people can click/touch the dark semitransparent background or press esc-key to close the lightbox, but not everyone knows that.

Currently the close button is shown at bottom right below the image, so with big image heights the user must scroll down to hit the close button.

Project Manager
peterdd commented on 11.01.2017 03:07

Example with the 4000.gif with the current branch bigimages-lightbox on github: https://github.com/Flyspray/flyspray/tree/bigimages-lightbox

screenshot from firebox devtools mobile view.

Loading...

Available keyboard shortcuts

Tasklist

Task Details

Task Editing