Gutenberg: Alignment looks off in the pre-publish panel

Created on 2 Nov 2019  路  7Comments  路  Source: WordPress/gutenberg

image

Needs Design Feedback [Type] Bug

Most helpful comment

I'd note it still feels oddly placed even when it's centered, as the 脳 makes it still looks off.

I wonder if we should explore a bit more how the pre- and post-publish panels work and are aligned.

Maybe something like replacing the 脳 in both pre/post with two buttons that take the full top area:

| [ Cancel ] [ Publish ]| vs | [ Publish ] 脳 |

All 7 comments

I just tested locally using Desktop Server, Chrome and Gutenberg version 7.5
This is what I see:
Screen Shot 2020-02-18 at 18 44 24

Screen Shot 2020-02-18 at 18 44 31

I am thinking this issue has been fixed in one of the Guteneberg versions after the initial issue was created.

I'd note it still feels oddly placed even when it's centered, as the 脳 makes it still looks off.

I wonder if we should explore a bit more how the pre- and post-publish panels work and are aligned.

Maybe something like replacing the 脳 in both pre/post with two buttons that take the full top area:

| [ Cancel ] [ Publish ]| vs | [ Publish ] 脳 |

A few of us in today's Design triage in slack tested this out again. We remembered that this was recently solved with this PR: https://github.com/WordPress/gutenberg/pull/17726

After testing again, I did not notice any alignment issues.

Screen Shot 2020-02-18 at 9 45 18 AM

There was some desire to iterate more on the placement which can be done as mentioned by @folletto above. I remember another issue/PR exploring the positioning further as well https://github.com/WordPress/gutenberg/issues/19175.

I'll close.

Here is an issue in regards to what Erin @folletto mentioned above.

I wonder if we should explore a bit more how the pre- and post-publish panels work and are aligned.

Maybe something like replacing the 脳 in both pre/post with two buttons that take the full top area:

| [ Cancel ] [ Publish ]| vs | [ Publish ] 脳 |

https://github.com/WordPress/gutenberg/issues/19175

Followup:

Here is from a Norwegian site. (Yesterday I only checked a local English language site.)

Screen Shot 2020-02-19 at 05 30 49

Screen Shot 2020-02-19 at 05 31 11

Bottom line: The problem remains. There is actually a bigger fix that is needed. Which perhaps can be done in https://github.com/WordPress/gutenberg/issues/19175

The problems remains but now it shows a little different.
Screen Shot 2020-03-13 at 10 27 13

Here is an example when I published the Core Editor summary.
Screen Shot 2020-03-13 at 10 39 27

Screen Shot 2020-03-13 at 10 39 57

We might as well reopen this issue.
@mtias @mapk

Was this page helpful?
0 / 5 - 0 ratings