WordPress.org

Make WordPress Core

Opened 4 months ago

Last modified 4 months ago

#49826 new defect (bug)

The top toolbar overlaps the title on posts

Reported by: Ipstenu Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.4
Component: Editor Keywords: has-screenshots dev-feedback
Focuses: css Cc:

Description

I'm including an image so you can see, but basically if you turn on the "Top Toolbar", it (properly) adds the block tooling to the top, but it also smothers the permalink once a post is made. It looks like the CSS doesn't properly move everything down.

This is super easy to miss when testing because how often do you edit the title. Right?

Attachments (2)

Screen Shot 2020-04-05 at 5 Apr - 7.32.23 PM.jpg (75.8 KB) - added by Ipstenu 4 months ago.
Sample of a post with Toolbar eating it
Screen Shot 2020-04-05 at 5 Apr - 7.14.03 PM.jpg (62.1 KB) - added by Ipstenu 4 months ago.
Similar sample from a live site where it doesn't move down the title enough at all to even see there is a permalink there.

Download all attachments as: .zip

Change History (5)

@Ipstenu
4 months ago

Sample of a post with Toolbar eating it

@Ipstenu
4 months ago

Similar sample from a live site where it doesn't move down the title enough at all to even see there is a permalink there.

#1 @mukesh27
4 months ago

  • Focuses css added

Below CSS fixed the issue for me.

@media screen and (min-width: 782px) {
   .edit-post-visual-editor .editor-post-title__block { margin-top: 32px; }
}
Last edited 4 months ago by mukesh27 (previous) (diff)

#2 @Ipstenu
4 months ago

@mukesh27 You don't need to @-someone unless you need their direct response :) As the ticket author I get emailed anyway ;)

The CSS fix is probably right but (a) I suck at CSS and (b) this is something either broken in core (because it happens on all themes) or in the theme (which in the case of the first screenshot is twenty-twenty). Either way, we should get eyeballs on it and test to see which one we broke. I think it's busted in core, but I'm bad at CSS :)

#3 @mukesh27
4 months ago

  • Keywords dev-feedback added

The above CSS change does not theme related it's Editor CSS change.

Note: See TracTickets for help on using tickets.