Hello, images are missing a margin/padding on the right side on smal

Any update on this <a class="user-mention notranslate" data-hovercard-type="user" data

Missing margin on small screens about lightense-images HOT 3 OPEN

sparanoid commented on September 25, 2024

Missing margin on small screens

from lightense-images.

Comments (3)

AndiLeni commented on September 25, 2024

Here is a demo: https://jsfiddle.net/AndiLeni/jyeb2h4p/7/
As soon as the right scrollbar appears, the border is miscalculated.
There is no margin problem when no scrollbar is visible.

from lightense-images.

AndiLeni commented on September 25, 2024

Any update on this @sparanoid ?

from lightense-images.

FuzzyNat26 commented on September 25, 2024

Hello! I've encountered the same problem.

This issue appears to be caused by an additional scroll bar on the right side that wasn't considered in the createTransform function.

I resolved this by adjusting the viewPortWidth by subtracting the scrollBarWidth.

// on line 195
var viewportWidth =
    window.innerWidth || document.documentElement.clientWidth || 0;
var viewportHeight =
    window.innerHeight || document.documentElement.clientHeight || 0;

// Calculate scrollbar width
var scrollbarWidth =
    viewportWidth - document.documentElement.clientWidth;

// Subtract scrollbar width from viewportWidth
viewportWidth -= scrollbarWidth;