Prerequisites
What problem is your feature request going to solve? Please describe.
The lightbox on mobile is "100% responsive" but is a less usable on mobile due to container padding and margins.
Describe the solution you'd like
The margins and padding on the lightbox should be reduced on mobile to improve visibility in a portain view. e.g viewing a screenshot on a mobile vs. desktop.
e.g. http://brutaldesign.github.io/swipebox/ removes nearly all margins and moves the indicators to the footer (It'd be nice to keep the prev/next showing always as it's not immediately clear there's more images).
An balanced solution between what Elementor Lightbox currently does and the larger viewport Swipebox provides would help improve usability.
Describe alternatives you've considered
CSS workarounds to reduce the padding and to try workaround the contrast of the prev/next arrows. Still not great, but better. Not sure what most other lightbox solutions do.
Before
After
Prerequisites
What problem is your feature request going to solve? Please describe.
The lightbox on mobile is "100% responsive" but is a less usable on mobile due to container padding and margins.
Describe the solution you'd like
The margins and padding on the lightbox should be reduced on mobile to improve visibility in a portain view. e.g viewing a screenshot on a mobile vs. desktop.
e.g. http://brutaldesign.github.io/swipebox/ removes nearly all margins and moves the indicators to the footer (It'd be nice to keep the prev/next showing always as it's not immediately clear there's more images).
An balanced solution between what Elementor Lightbox currently does and the larger viewport Swipebox provides would help improve usability.
Describe alternatives you've considered
CSS workarounds to reduce the padding and to try workaround the contrast of the prev/next arrows. Still not great, but better. Not sure what most other lightbox solutions do.
Before
After