NO BUG: Image Gallery with Metro layout not responsive

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
Bricks version: 2.1.4

Hello,

In the native Image Gallery, when I select the Metro layout, the gallery isn’t responsive. If I change the Metro layout to, for example, Grid on a smaller resolution, the layout doesn’t just change for that resolution — it changes for all of them.

Am I doing something wrong, or is this an actual bug?

Thanks.

2

Hi Daniel,
Thanks so much for your report!

The “layout” setting is not breakpoint aware, meaning, you can’t change it per breakpoint - it affects all breakpoints per se. However, you can of course override the default metro styles on a smaller breakpoint with custom CSS.

Add this to a smaller breakpoint to change the columns to two, for example:

%root%.bricks-layout-wrapper[data-layout=metro]:not(.isotope) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

Best regards,
timmse

1 Like
3

Dear timmse,

Thank you for your help. Is the Metro layout intentionally not responsive, or is this a bug?

4

There have never been styles for smaller breakpoints; it has always been this way. So it isn’t a bug :slight_smile: