Backend breakpoints about serendipity HOT 5 CLOSED

I should probably say first that I'm not really a big fan of that line of thought. When confronted with the breakpoint-issue, I always tried to simply look at the specific page, look at it in the specific resolution and then decide which elements should be hidden or converted into more appropriate solutions.

That said, if we have a specific element that doesn't work well at the moment as it gets converted too early, that would of course mean that I'm all for just changing the breakpoint.

from serendipity.

Maybe the issue text doesn't explain it properly enough. This is not about showing/hiding elements. It's about layout, and not about layout in general, but very specific parts of it.

The issue at hand is the layout for the filters in the media database, or better: the way the filters are aligned next to each other if the screen is wide enough. They are in a linear view up until 1024px, starting with that, there's three filters next to each other.

Now, if you open the media database popup, this popup has a fixed width of 900px and it contains an iframe in which the same @media queries apply as in the “normal” backend. So because the popup is only 900px wide, the 1024px-min-width layout is not applied there, which means the filters are aligned in a linear view, although the available space in the popup would suffice for the 3-column view. And here's the point of it all: It might also suffice in the backend view of the media database through the corrensponding nav item. In that case, the 1024px breakpoint would be too high for this specific part of the layout.

I do not want to change the breakpoints altogether, just want to make sure I have chosen the right ones. It is usually better to not just use the standard breakpoints. Those are usually related to specific devices and their orientation modes. It's better to pick the breakpoints according to the width at which the layout demands a breakpoint.

from serendipity.

It's better to pick the breakpoints according to the width at which the layout demands a breakpoint.

Perfect, that is how I see it.

To the specific issue with the media popup: I had a look at it, and I think that given the small height of the popup, it would be better if the empty space in the filter view would be used. Maybe that would be an option for an intermediate 2-column-layout?

from serendipity.

That's just what I mean, but I think it will work if I just “move” the 3-column layout to a smaller breakpoint. I'll try that tomorrow.

from serendipity.

The “secondary” breakpoint is only needed to solve the filters layout in the media database overlay, but it works just as well in non-overlay screen resolutions.

from serendipity.