Aris-t2 / Aris-t2/CustomCSSforFx

Add some `padding-inline-end` to `menuitem:not([acceltext])`

Open
#760 4 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
CSS
Stars
2.1k
Forks
197
PR merge metrics
No merged PRs in 30d

Description

I would suggest to add something like the following
```css
menuitem:not([acceltext]) {
padding-inline-end: 16px !important;
}
```
to make the right side of some menus as follows look better on version 139 and above:

![Image](https://github.com/user-attachments/assets/10d2cb5a-f320-45a6-b712-7b3545db8f46)

Otherwise the right-ends of these menu’s text would be way too close to the right border. The exact value of `padding-inline-end` to add in the above sample, however, was just a quick example of mine to show the effect, not necessarily the best practice.

Contributor guide

Open the contributing guide

Research direction

Start by locating the CustomCSSforFx stylesheet rules that target Firefox menuitem elements, then inspect the handling of menuitem:not([acceltext]) in Firefox 139 and above. Compare affected menus with the supplied screenshot and adjust the end padding so text is not too close to the right border; the exact padding value remains to be determined.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
1/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.