Improve rendering account link in the toolbar

Created on 8 March 2018, almost 7 years ago
Updated 15 February 2023, almost 2 years ago

Problem/Motivation

The way the admin toolbar renders the account link includes a flicker as the vertical position of the icon is changed (see attached screen record in the UI changes section below.).

This might have been introduced in #2899392: user_hook_toolbar() makes all pages uncacheable

Steps to reproduce

  1. Install core (any verison from 8.9.x to 9.3.x).
  2. Login as a user that can see the toolbar.
  3. Load a page.
  4. Watch the 'Account' link (head) icon closely and see it change position.

Proposed resolution

Use CSS and JS to always give toolbar icons min-height: 39px; across all core themes.

Remaining tasks

  1. Decide if we can change stable + stable9 like this, or if we should leave them out of this fix.
  2. Decide if we need a CR.
  3. Reviews / refinements.
  4. RTBC.
  5. Commit.

User interface changes

Removes a flicker of the 'Account' link icon in the toolbar.

Before

After

See https://www.drupal.org/files/issues/2020-08-18/desktopap.gif

API changes

None.

Data model changes

None.

Release notes snippet

TBD, probably not.

🐛 Bug report
Status

Fixed

Version

10.1

Component
Toolbar 

Last updated about 1 month ago

  • Maintained by
  • 🇫🇷France @nod_
Created by

🇷🇺Russia Chi

Live updates comments and jobs are added and updated live.
  • Field UX

    Usability improvements related to the Field UI

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024