Announcement

#1 2018-07-25 19:13:47

jgold723
Member
2015-02-04
3

Full size image breaks out of div at 1262 pixels

Hello/Hi/Greetings,

I'm using the modus theme with a minor override of the header.php file (the modified file includes CSS for the website's menu). Everything works fine, EXCEPT in this situation:

1)  The browser window is stretched beyond 1262 pixels; AND
2)  I'm viewing the full size version of an image.

At that point, the content div behind the image shrinks/snaps up,  leaving the image against the body background.

This doesn't happen with any other templates (image grid, thumbnails, etc). Just the picture.php

I thought it might be a CSS @media issue, but I don't see anything happening at that width. I'm wondering if there's some javascript that fires at that width?

Any suggestions would be appreciated.

I've attached two screensnaps that illustrate. The one with the white background is with the browser window at 1261 pixels. The one with the blue background is at 1262 pixels.


    Piwigo 2.9.4
    Operating system: Linux
    PHP: 5.6.35 (Show info) [2018-07-25 13:02:50]
    MySQL: 5.5.51-38.2 [2018-07-25 13:02:50]
    Graphics Library: ImageMagick 6.9.3-10

Piwigo URL: http://customfloat.com/gallery

Offline

 

#2 2018-07-25 20:29:14

jgold723
Member
2015-02-04
3

Re: Full size image breaks out of div at 1262 pixels

I was able to track this down a little further. It is indeed a javascript in the modus theme: photo.autosize.js which introduces an additional CSS class at 1262 pixels.

As to why that new class (Wide) breaks my css, I don't know -- just one of those CSS mysteries.

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact