black7375 / black7375/Firefox-UI-Fix

Support Paxmod

Open
#500 12 comments 0 reactions 0 assignees View on GitHub
Issue::Enhancement
Dominant language
SCSS
Stars
5.9k
Forks
202
PR merge metrics
No merged PRs in 30d

Description

Paxmod is an addon based on Webextensions unlike TabMixPlus which provides multi-row tabs.

I wanted Lepton to support this addon and have been working on improving compatibility with my own web browser.

First of all, Original and Photon don't work with this addon. It will be as follows.

Use Lepton
![image](https://user-images.githubusercontent.com/73892113/199517642-fe20fb04-3f38-4a0b-bb9e-c99b72d115de.png)

Use Proton
![image](https://user-images.githubusercontent.com/73892113/199509877-b6d8413d-978c-4ad3-b7e9-b8befdd437c2.png)

As a workaround, consider making the code below optional. This alone should solve the problem. Ultimately, I couldn't find a workaround due to the forcefulness in CSS.

I think you can turn it on by default. It should change quite a bit just by switching and working.

![image](https://user-images.githubusercontent.com/73892113/199515533-df135073-011b-47f7-9ad6-468f69794fec.png)

---
Floorp, the web browser I develop for, bypasses it with JS and CSS. I file this issue because I think it should benefit all users.

https://github.com/Floorp-Projects/Floorp/blob/205fe11909987ed235278eb0561ee40f12ddab11/floorp/browser/base/content/browser-command.js#L413 (The reason why there are two identical ones is that Original and Photon were separated.)
https://github.com/Floorp-Projects/Floorp/tree/ESR102/floorp/browser/themes/designs/lepton

![image](https://user-images.githubusercontent.com/73892113/199518551-e453fabd-1e31-4dce-bcf0-75328c695fb3.png)

Thank you very much for keeping up the great CSS.

Contributor guide

Open the contributing guide

Research direction

Start by comparing the linked Floorp browser-command.js entry at line 413 with the linked floorp/browser/themes/designs/lepton directory, then inspect the Lepton styles related to Original and Photon. Reproduce the Paxmod compatibility problem shown in the screenshots and use successful behavior in the affected themes as the completion check.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, scss
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.