black7375 / black7375/Firefox-UI-Fix

[W10] Top of url bar cut off with one_liner enabled

Open
#759 0 comments 0 reactions 0 assignees View on GitHub
Class::Padding Component::Toolbar Env::Windows Issue::Bug
Dominant language
SCSS
Stars
5.9k
Forks
202
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug

The top of the url bar is cut off when `one_liner` is enabled for all densities.

### Expected behavior

The bar should not be cut off and should have top padding matching the bottom.

### Screenshots

![Capture](https://github.com/black7375/Firefox-UI-Fix/assets/55400948/d70943a2-42bd-4176-acdb-f324242d4cf2)

### OS

Windows 10

### OS - Others

_No response_

### Firefox Version

116.0.3-1 (Librewolf)

### 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
- [X] Dark
- [ ] Alpenglow (System: Light)
- [ ] Alpenglow (System: Dark)
- [ ] 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 setup

```javascript
user_pref("userChrome.tabbar.one_liner", true);
```

### Additional context

1440p monitor with 125% display scaling

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in Firefox on Windows 10 with the photon-style distribution, dark theme, and user.js setting user_pref("userChrome.tabbar.one_liner", true). Inspect the SCSS rules for the one_liner layout and verify the URL bar has matching top and bottom padding without clipping across densities.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.