New Styles: Gallery Ideas

[mrwweb]

After running into these needs a bunch, I'm thinking about common gallery styles I've needed:

• Small images (max-width ~150px) for galleries full of non-standard logos
• Grayscale (use a filter to grayscale an entire gallery)
• Unstretched (don't stretch the last items of a gallery when there are fewer than the number of gallery columns)

@rtvenge Do you think that fits with this plugin or is that more of a separate thing. At one point, we mostly agreed that this would only focus on text styles. Maybe it should? I'm torn.

[rtvenge]

@mrwweb Hmm, per you on #11:

"stick to styles that are useful utility classes (small, single purpose) and mostly for Text blocks."

I think these are small and single purpose changes. 😄 I think if you did anything more to it, that might be pushing it.

• Sounds good to me. I haven't run into this but could see how it might be useful.
• Would these go to color on hover or were you thinking grayscale the whole time?
• I definitely ran into this last week. I like that as a default style but it would be nice to turn it off.

Can you apply multiple styles to a block? If so, I could see that being an issue. I could see wanting two of these styles on one block.

[mrwweb]

You can't combine block styles which is super annoying. So to do what we both would ideally want you'd have to add:

• Icon Gallery
• Grayscale Gallery
• Unstretched Gallery
• Grayscale Icon Gallery
• Icon Unstretched Gallery
• Grayscale Unstretched Gallery
• Grayscale Unstreteched Icon Gallery

Gross. It's certainly possibly to manually add the additional classes in the Advanced Selectors field, and it's also possible to make Block Patterns (sidebar tab) and Block Variations ("new" blocks in the inserter) with multiple classes. So it's not that hard for someone who "knows what they're doing", but it's not exactly user-friendly and requires going out of the existing UI this plugin provides.

The Gutenberg issue to watch is https://github.com/WordPress/gutenberg/issues/14598 but it seems low priority and to have little movement.

You've convinced me this could live in this plugin, but I'm annoyed by how overcomplicated implementation might be. Maybe we just provide Icon with "Unstretched" included by default, Grayscale, Unstretched, and then Icon Grayscale. Four doesn't seem terrible.

[rtvenge]

@mrwweb I think multiple styles is a bit of an edge. Your combined options above seem like a good middle ground. I could also be convinced to not have any combinations. 😄

What is the Icon version?

[mrwweb]

The icon style would force every image to a low max width (140 or 150px) which is often even smaller than the "Thumbnail" size. I realize now that I referred to that initially as "Small Images." However, I'm tempted to call it Icon Size instead or something, since that's really the only use case I can think of.

[rtvenge]

@mrwweb Ah 🤦🏻‍♂️ Yes, the 150 width one. 😄

"Icon Size" is better; more descriptive for what it does.