Project

General

Profile

Actions

Task #3757

closed

Make image carousel's height fixed

Added by Stéphane Guillou 7 months ago. Updated 6 months ago.

Status:
Closed
Priority:
Normal
Category:
-
Target version:
-
Start date:
2024-07-07
Due date:
2024-07-08
% Done:

100%

Tags:

Description

Currently, the carousel cycles through all available images. If the images have variable heights, the page contents below it jump, and the right and left carousel arrows change position. This makes it hard to read the extension description without disruption.

See for example:
https://extensions.libreoffice.org/en/extensions/show/99192

I think the height of the carousel should be fixed, with an upper bound lower than what is currently used, as we end up with upscaled pictures that are unnecessarily large. (See for example the third screenshot in the linked page above.)
The user should also be able to click a picture to show it in a full-size overlay, for example for full-screen screenshots.

Actions #1

Updated by Juan José González 6 months ago

  • Assignee set to Juan José González
Actions #2

Updated by Juan José González 6 months ago

  • Due date set to 2024-07-07
  • Status changed from New to Feedback
  • Start date set to 2024-07-07
  • % Done changed from 0 to 100

Fix height of the carousel and make images responsive to that size.

Add the ability to click to show the image fullscreen.

Actions #3

Updated by Stéphane Guillou 6 months ago

Thanks JJ, looks great now!
Closing fullscreen with Escape works too, which is great.
(The fullscreen view could be improved (overflow needs scrolling, smaller picture top-aligned), but that's minor.)
Tested in Firefox 127.0.2.

Actions #4

Updated by Heiko Tietze 6 months ago

Stéphane Guillou wrote in #note-3:

Thanks JJ, looks great now!

+1 to all what Stephane said. Tested with Chromium.

Actions #5

Updated by Juan José González 6 months ago

  • Due date changed from 2024-07-07 to 2024-07-08
  • Status changed from Feedback to Closed

Thank you for verifying.

I have applied your feedback: prevent overflowing if the image is too large and align the image in the middle if needed.

Actions #6

Updated by Stéphane Guillou 6 months ago

Perfect, thank you! :)

Actions

Also available in: Atom PDF