Vertical arrow icon alignment on admin toolbar, when upgrading admin_toolbar to 3.3.2

Created on 5 July 2023, over 1 year ago
Updated 28 September 2023, about 1 year ago

Problem/Motivation

There's vertical alignment issue for the arrow icon on admin toolbar.

Steps to reproduce

1. Upgrade admin_toolbar(module) to version 3.3.2
2. We'll see the Adminimal Admin Toolbar's menu icon look misaligned from the top.

Proposed resolution

Fixing the vertical position of .toolbar-box applying display: flex and position it to center vertically.

.toolbar .toolbar-box {
 display: flex;
 align-items: center;
}

Remaining tasks

User interface changes

Attached the before and after screenshot and created a patch for the same.

API changes

Data model changes

🐛 Bug report
Status

Needs review

Version

1.11

Component

Code

Created by

🇮🇳India Moni_10

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

Comments & Activities

  • Issue created by @Moni_10
  • 🇮🇳India Harish1688 India

    Hi,

    Tried to replicate the issue on local with same steps provide the in issue summary, but it's not reproduce on local.
    can you provide more details about the issue. attached image for reference.

    Testing Steps:
    1. Drupal 10 Setup and enable module Adminimal Admin Toolbar.
    2. Upgrade the admin_toolbar(module) to version 3.3.2, but not found any issue.

Production build 0.71.5 2024