Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Consider overlap tool for text and images #40762

Closed
beafialho opened this issue May 2, 2022 · 2 comments
Closed

Consider overlap tool for text and images #40762

beafialho opened this issue May 2, 2022 · 2 comments
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Gallery Affects the Gallery Block - used to display groups of images [Block] Image Affects the Image Block [Block] Post Featured Image Affects the Post Featured Image Block [Block] Query Loop Affects the Query Loop Block [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@beafialho
Copy link

What problem does this address?

Overlapping elements is an interesting and recurring design choice that adds an extra layer of refinement not only to theme designs and patterns, but it is also used across many websites. I believe that currently there isn't such feature in Gutenberg, unless we use custom code or plugins.

What is your proposed solution?

It would be great if there was an "overlap" option we could set to blocks such as Images, Post Featured Image, Galleries, Cover and Query Blocks.

The Twenty Twenty One default theme actually included the option that I have in mind to its patterns:

Captura de ecrã 2022-05-02, às 16 19 31

Here are a few ideas we've tried while iterating and found this could be a really useful tool:

Captura de ecrã 2022-05-02, às 15 26 49

Captura de ecrã 2022-05-02, às 15 27 03

Captura de ecrã 2022-05-02, às 15 27 28

Captura de ecrã 2022-05-02, às 15 28 21

Captura de ecrã 2022-05-02, às 15 55 19
@beafialho beafialho added [Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Image Affects the Image Block [Block] Gallery Affects the Gallery Block - used to display groups of images [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. [Block] Post Featured Image Affects the Post Featured Image Block [Block] Query Loop Affects the Query Loop Block labels May 2, 2022
@scruffian scruffian mentioned this issue Jun 15, 2022
Open
68 tasks
@ramonjd ramonjd added Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement. labels Aug 30, 2022
@carolinan
Copy link
Contributor

Is this solved with the introduction of negative margins?

@beafialho
Copy link
Author

I believe we can close it, yes!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Gallery Affects the Gallery Block - used to display groups of images [Block] Image Affects the Image Block [Block] Post Featured Image Affects the Post Featured Image Block [Block] Query Loop Affects the Query Loop Block [Feature] Themes Questions or issues with incorporating or styling blocks in a theme. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@ramonjd @carolinan @beafialho