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.

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

Image block: mobile alignment option #26642

Open
kristarella opened this issue Nov 2, 2020 · 2 comments
Open

Image block: mobile alignment option #26642

kristarella opened this issue Nov 2, 2020 · 2 comments
Labels
[Block] Image Affects the Image Block Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@kristarella
Copy link

Is your feature request related to a problem? Please describe.

When aligning an image to the left or right, depending on the size of the image, it can result in poor text placement on smaller screen sizes.

image-alignleft

Describe the solution you'd like

It would be great to have an option such as "center on mobile" (similar to the "stack on mobile" option for Media & Text block). So that the user can specify if the image should not be floated on smaller screens (as smaller images may not need this adjustment).

Describe alternatives you've considered

Sometimes I have used CSS with a media query to do this, but it would be useful for there to be a standard method that all themes could adopt for dealing with this kind of layout issue.

@talldan talldan added [Block] Image Affects the Image Block [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. labels Nov 3, 2020
@paaljoachim
Copy link
Contributor

@hypest I am pinging you in here as this issue is in relation to mobile. As I am thinking you might have some ideas here..:)

@hypest
Copy link
Contributor

hypest commented Dec 16, 2020

Thanks for the ping @paaljoachim ! This seems to be related to mobile web, is that correct @kristarella ?

If so, I'm afraid I'm not the best to offer help since I'm mostly focusing on the native apps and we're not re-using the layout defs (CSS, media-queries and similar) from the web. @gziolo might have a better idea who to reel in?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Image Affects the Image Block Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

4 participants