Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use fixed font-size for compact sidebar menu #10180

Merged
merged 1 commit into from
Sep 30, 2021

Conversation

msujew
Copy link
Member

@msujew msujew commented Sep 28, 2021

What it does

Due to #9864, the width of the sidebar menu icons increased. The compact menubar visibility icon relied on a specific width which it used to calculate it's own size, resulting in a bleeding effect, as it's font-size was calculated as being 16.8px:

image

This change fixes the size to 16px, regardless of the size of other icons.

How to test

  1. Change your Menu Bar Visibility setting to compact.
  2. Observe the non-bleeding menu icon:

image

Review checklist

Reminder for reviewers

@msujew msujew added the ui/ux issues related to user interface / user experience label Sep 28, 2021
Copy link
Member

@vince-fugnitto vince-fugnitto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@msujew I confirmed that it works well 👍

  • the compact menu icon is correctly displayed
  • performing a zoom in or zoom out displays the icon correctly still

@msujew msujew merged commit 6a3ad6a into master Sep 30, 2021
@msujew msujew deleted the msujew/compact-menu-icon-fix branch September 30, 2021 07:18
@github-actions github-actions bot added this to the 1.18.0 milestone Sep 30, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ui/ux issues related to user interface / user experience
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants