artsyfriedchicken / EdgyArc-fr

Firefox Userchrome and sidebery style

Mozilla Public License 2.0

642 stars 16 forks source link

floating tab not working on windows since Firefox 132.0 (64-Bit) #80

Open sebi8642 opened 3 weeks ago

sebi8642 commented 3 weeks ago

Describe the bug The main content window does not have the "Arc" or "Edge" floating effect anymore since Firefox 132.0 (64-Bit). I have tried reinstalling the complete theme, without success. Especially the right side is annoying.

To Reproduce Steps to reproduce the behavior: Update to Firefox 132.0 (64-Bit) on Windows 11

Expected behavior With the toggle of the about:config settings "uc.tweak.floating-tabs" and "uc.tweak.rounded-corners" the desired effect should take action.

Screenshots

Desktop (please complete the following information):

OS: Windows 11 23H2
Firefox 132.0 (64-Bit)

ChelsyMena commented 3 weeks ago

Having this same issue after the firefox update.

sebi8642 commented 3 weeks ago

Finally found something: Mozilla changed some variable names (and behavior?) which messed with the code. I am no expert with CSS but I managed to get a passable version by adding the following lines to the userChrome.css:

tabbrowser-tabbox{

padding: 8px !important; } tabbox#tabbrowser-tabbox browser{ border-radius: 10px !important; }

peterahn8 commented 3 weeks ago

Finally found something: Mozilla changed some variable names (and behavior?) which messed with the code. I am no expert with CSS but I managed to get a passable version by adding the following lines to the userChrome.css:

tabbrowser-tabbox{ padding: 8px !important; } tabbox#tabbrowser-tabbox browser{ border-radius: 10px !important; }

Nice catch and clever workaround 👍

We can also try changing #appcontent to #browser: CleanShot 2024-11-02 at 12 49 04 AM@2x

Maybe #appcontent is no longer an id in Firefox 132. It might have been renamed to #browser. Or maybe the DOM got shifted entirely

ChelsyMena commented 3 weeks ago

Finally found something: Mozilla changed some variable names (and behavior?) which messed with the code. I am no expert with CSS but I managed to get a passable version by adding the following lines to the userChrome.css:

tabbrowser-tabbox{ padding: 8px !important; } tabbox#tabbrowser-tabbox browser{ border-radius: 10px !important; }

Nice catch and clever workaround 👍

We can also try changing #appcontent to #browser:

Maybe #appcontent is no longer an id in Firefox 132. It might have been renamed to #browser. Or maybe the DOM got shifted entirely

Instant Fix, thanks!