black7375 / black7375/Firefox-UI-Fix

Symbols overlap in some menus

Open
#1,138 6 comments 0 reactions 0 assignees View on GitHub
Browser::Upstream Class::Layout-Others Component::Context-Menu Env::Linux Issue::Bug Priority::High
Dominant language
SCSS
Stars
5.9k
Forks
202
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

In some, but not all menus the symbols overlap with the text.

File, View, History and Bookmarks are correct, but in Edit, Tools and Help the symbols overlap with the text. They also overlap in the right click context menu of the site view and the tab bar. They don't overlap in the tool bar.

### Expected behavior

I would like it if the symbols wouldn't overlap.

### Screenshots

Correct:
Image
Image
Incorrect:

Image
Image
Image

### OS

Linux

### OS - Others

_No response_

### Firefox Version

v140.4.0esr

### Distribution

- [ ] [Original Lepton](https://github.com/black7375/Firefox-UI-Fix)
- [x] [Lepton's photon style](https://github.com/black7375/Firefox-UI-Fix/tree/photon-style)
- [ ] [Lepton's proton style](https://github.com/black7375/Firefox-UI-Fix/tree/proton-style)

### Theme

- [ ] Light
- [ ] Dark
- [ ] Alpenglow (System: Light)
- [ ] Alpenglow (System: Dark)
- [x] System Default
- [ ] Others: (e.g. [Photon Colors](https://addons.mozilla.org/en-US/firefox/addon/photon-colors/), [Google Chrome Dark](https://addons.mozilla.org/en-US/firefox/addon/google-chrome-dark/), [Fairytale Of Nature](https://addons.mozilla.org/en-US/firefox/addon/fairytale-of-nature/))

### Theme - More Info

_No response_

### `user.js` setup

[user.js](https://github.com/user-attachments/files/23173062/user.js)

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the overlap in Firefox on Linux using the photon-style distribution, checking the Edit, Tools, and Help menus, the site-view context menu, and the tab bar against the unaffected menus and toolbar. Trace the SCSS rules responsible for menu symbols and text, then verify that the symbols no longer overlap in each reported location.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.