Gutenberg: Navigation: Misaligned left border between menu item and block controls

Created on 8 Jan 2020  路  1Comment  路  Source: WordPress/gutenberg

Describe the bug
There's a 1px misalignment between the heavy left border on the menu item block controls and the menu item itself.

To reproduce
Steps to reproduce the behavior:

  1. Click on a menu item in the navigation block
  2. See how the left border between the block controls and the menu item are not aligned

Expected behavior
The border on the block controls and the menu item will be aligned.

Screenshots
Misaligned left border on navigation item block

Desktop

  • OS: MacOS
  • Browser: Chrome
  • Version 79.0.3945.88

Additional context
Tested on Gutenberg v7.2.0

[Block] Navigation [Type] Bug
Source
picture jeryj

Most helpful comment

I can reproduce this on latest master. Changing left to 14px on [data-type="core/navigation-link"] .block-editor-block-toolbar in navigation-link/editor.scss seems to fix it.

picture tellthemachines on 9 Jan 2020
🎉1 👍1

>All comments

I can reproduce this on latest master. Changing left to 14px on [data-type="core/navigation-link"] .block-editor-block-toolbar in navigation-link/editor.scss seems to fix it.

tellthemachines picture tellthemachines on 9 Jan 2020
🎉1 👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

maddisondesigns picture maddisondesigns  路  3Comments
mhenrylucero picture mhenrylucero  路  3Comments
aduth picture aduth  路  3Comments
BE-Webdesign picture BE-Webdesign  路  3Comments
ellatrix picture ellatrix  路  3Comments