Poor Alignment of Profile Icon and Navbar

Created on 21 October 2023, 8 months ago
Updated 25 November 2023, 7 months ago

Problem/Motivation

We've encountered an alignment issue between the profile icon and the navbar. This misalignment disrupts the overall visual harmony of the website and negatively affects the user experience.

Steps to reproduce

1. Navigate to the homepage of the Drupal website.
2. Log in or access your user profile to display the profile icon.
3. Observe the alignment of the profile icon concerning the navbar.

Proposed resolution

We recommend addressing this alignment issue through CSS adjustments. Specific changes might include updating the positioning or margins of the profile icon to ensure it aligns properly with the navbar.

User interface changes

The proposed resolution involves making adjustments to the user interface to ensure the profile icon aligns correctly with the navbar.

API changes

No API changes are required for this issue.

Data model changes

No data model changes are required for this issue.

🐛 Bug report
Status

Postponed

Version

2.0

Component
CSS 

Last updated about 11 hours ago

Created by

🇮🇳India royalpinto007

Live updates comments and jobs are added and updated live.
  • CSS

    It involves the content or handling of Cascading Style Sheets.

Sign in to follow issues

Comments & Activities

  • Issue created by @royalpinto007
  • 🇬🇧United Kingdom John Cook

    Changing the project as this is to do with the Drupal.org website, not the Drupal project.

  • 🇬🇧United Kingdom John Cook

    I've looked at the site but can't see the same problem.

    I checked the same screen width to make sure that it wasn't a problem with media query edge cases.

    Can you try clearing your cache to make sure that you don't have corrupted / partially download CSS files.

    If that doesn't work, including you operating system type and version, and browser to see if it can be replicated. Thanks.

  • 🇬🇧United Kingdom John Cook

    Sorry, I ment Bluecheese.

  • 🇮🇳India royalpinto007

    I've cleared my cache to rule out any issues on my end. This problem seems to be specific to my OS.

    Here are my OS details:

    Name: Ubuntu 22.04.03 LTS
    OS Type: 64-bit
    GNOME Version: 42.9

  • Status changed to Closed: cannot reproduce 8 months ago
  • 🇪🇸Spain fjgarlin

    I've tried in several browsers and cannot replicate either. Maybe you had your browser window zoomed in somehow and you might need to reset it to 100% zoom.

    Feel free to provide more details (like browser type and version) but for now given my checks and John Cook's ones and the fact that nobody else have reported this I'm going to close the issue.

  • Status changed to Postponed 8 months ago
  • 🇺🇸United States drumm NY, US

    This can be reproduced with text-only zoom, so the text width increases and the page width does not. However, since this relatively minor, I think this should wait until we are off of Drupal 7 and not maintaining 2 branches of the theme.

  • 🇮🇳India royalpinto007

    @fjgarlin
    I am using Chrome's latest version and it's 100%.
    Attaching a screenshot for your reference-

  • 🇧🇪Belgium gorkagr

    Hi!
    the demo button goes to a second line as well in your image.
    Which resolution do you have in your device?

    It might be that it does not have enough space to render everything in one line and causes this issue

  • 🇮🇳India royalpinto007

    Missed this comment, attaching a screenshot for all the details!

Production build 0.69.0 2024