Missing padding from 2nd level child items display

Created on 23 July 2024, 5 months ago
Updated 2 August 2024, 5 months ago

Problem/Motivation

In the experimental navigation menu, 2nd level sub-menu items have a visually uneven appearance due to padding added to the block-end, but not the block-start.
*** EDIT - Issue spotted on an install of 10.3.1 - using the experimental module. A report of 11.x is that the issue is not present there, so maybe it's fixed and just needs backporting. ***

Steps to reproduce

Install Drupal
Activate navigation experimental module
Open top-level menu item that has children
Open child item with children to see issue

Proposed resolution

Having the padding at the bottom is great, so I propose replicating that same padding on the top of the item UL.

In toolbar-menu.css:

.toolbar-menu--level-2 {
  padding-block-start: var(--admin-toolbar-space-12);
...
...

Remaining tasks

Verify
Agree
Fix

User interface changes

Minor padding issue on child items display of children (see the images - it makes sense really)

Introduced terminology

---

API changes

---

Data model changes

---

Release notes snippet

🐛 Bug report
Status

Postponed: needs info

Version

11.0 🔥

Component
Navigation 

Last updated about 18 hours ago

No maintainer
Created by

🇬🇧United Kingdom dreamleaf

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024