Piwigo.org

mmoy · 2014-09-28 21:37:05

Hello/Hi/Greetings,

I'm trying to get a theme that works well on large screens (full HD, or more) without wasting screen space. Up to now, Modus is the only one getting really close to what I would really like.

From the name, "stripped responsive" was very promising, and indeed I like it on screen size smaller than 1220px wide. On larger screen, the design stops being "responsive", i.e. I still get a 1014x674 image on my 2560x1440 screen (the image uses less than 20% of my screen's pixels ...). Well, 2560x1440 screens are not very common, but 1920x1080 resolution is not that uncommon these days, and even "stripped responsive" under-utilizes them.

What's surprising is that on large screen, stripped responsive does load the XXL image (the HTML says <img src="...-xx.jpg" width="1656" height="1096">, but gets downscaled later (by JavaScript I guess), so it really looks like a bug.

Piwigo version: 2.7
Piwigo URL: http://piwigo.us/beta/mmoy

marfig · 2014-10-30 13:47:44

Hello,
I wanted to post exactly same question.
I would like to use this theme, but unfortunately responsiveness stops working on 1014px. Is there any reason for this limitations? I've analyzed CSS a bit and there is several times hardcoded max-width.

I'm close to adjust this theme on my own, but maybe it would be better to ask author or adjust for everybody.

Thanks
Best Regards
Martin

flop25 · 2014-10-30 13:48:56

author notified

marfig · 2014-10-30 20:12:23

Hello,
here is my updated css file, I suppose that responsiveness doesn't work 100% and maybe I destroyed something, but I've tested it for my purposes and it looks better, at least whole screen seems to be used.
I will test it for some time and I'll see. Feel free to test it or whatever.

Thanks
Best Regards
Martin

edit: it looks that forum doesn't allow me to add css file.. is it possible to share it somehow?

Last edited by marfig (2014-10-30 20:14:00)

flop25 · 2014-10-30 20:30:23

Copy paste the code or use pastebin

marfig · 2014-10-31 07:31:46

here you have
http://pastebin.com/C9kYBBMR

JanisV · 2014-11-05 11:27:03

I develop this theme for my 1920x1080 and less screens. I don't agree with filling all available space like Modus (look at this forum - it have a max width 960px and look perfect:)). But in next version may be add a option for disable max-width.

mmoy · 2014-11-05 12:09:36

JanisV wrote:
I don't agree with filling all available space like Modus (look at this forum - it have a max width 960px and look perfect:)).

Optimal layout for text and for images are two different things. For readability, one should avoid very long lines, and this is what this forum does (lines take around 100 characters, which is already probably beyond the optimal).

For images, I don't see the point in purposely leaving large parts of the screen (more than 75% in my case) blank.

Piwigo.org

Announcement

#1 2014-09-28 21:37:05

stripped responsive and large screens

#2 2014-10-30 13:47:44

Re: stripped responsive and large screens

#3 2014-10-30 13:48:56

Re: stripped responsive and large screens

#4 2014-10-30 20:12:23

Re: stripped responsive and large screens

#5 2014-10-30 20:30:23

Re: stripped responsive and large screens

#6 2014-10-31 07:31:46

Re: stripped responsive and large screens

#7 2014-11-05 11:27:03

Re: stripped responsive and large screens

#8 2014-11-05 12:09:36

Re: stripped responsive and large screens

JanisV wrote:

Board footer