Many issues found with Fx 143 and some temporary fixes

[glennpc]

The following are no longer working with Fx 143:

urlbar_border_roundness.css

***Fixed by adding this code to my_userChrome.css -

:root{ --toolbarbutton-border-radius: 13px !important; } .urlbar-input-container{ border-width: 0 !important; }

urlbar_restore_visible_border.css

***Fixed by adding this code to my_userChrome.css -

#urlbar:not(:focus-within) { border: 1px solid var(--urlbar_border_color) !important; }

bookmark_icons_colorized.css

***Fixed by adding this code to my_userChrome.css -

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon){ content: url("./image/folder-item.png") !important; }

popup_compact_menus.css spacing is wrong on the bookmarks.

***Fixed by adding this code to my_userChrome.css -

.menu-icon{ margin-inline-end: 5px !important; }

I will add more as I find them. This release has messed up a lot. Plus the .js scripts are no longer working.

Fixed the .js scripts by removing:

ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");

from each file.

Thanks to @Speravir for the .js info - https://github.com/Aris-t2/CustomJSforFx/discussions/60#discussioncomment-14194029

I just found a few items I decided to hide, Taskbar Tabs Button, AI Chat, and passwords:

#menu_megalistSidebar, #sidebar-switcher-megalist, #sidebar-switcher-genai-chat, #taskbar-tabs-button, #menu_genaiChatSidebar { display: none !important; }

[Speravir]

I think, the reason is what I posted just moments ago.

The pseudo protocol paths chrome:// and resource:// will be more and more replaced by moz-src://.

[glennpc]

Thanks for the info @Speravir

[Acid-Crash]

Hi, seems like for urlbar_restore_visible_border.css a border-radius needs to be added as well. Not sure if this is the exact one, though

#urlbar:not(:focus-within) {border: 1px solid var(--urlbar_border_color) !important; border-radius: var(--toolbarbutton-border-radius);}

[Nicholas-Steel]

Context menu's like when Right-Clicking also have a buggy looking animation now, despite me configuring them to not animate when spawning. It's like a 2 frame animation with the first frame missing stuff along the right edge and then it gets fully painted. At least when Right-Clicking the Address Bar.

[ChasCB]

Thanks glenpc. The urlbar_border_roundness.css works for me in my_userChrome.css, but not urlbar_restore_visible_border.css My visible border should be a dark green rgb(0, 100, 0) as altered in Arist-t2 urlbar_restore_visible_border.css file.

PS: I inserted the missing semicolon after the first !important in :root{ --toolbarbutton-border-radius: 13px !important } .urlbar-input-container{ border-width: 0 !important; }

[glennpc]

Thanks for the correction @ChasCB

[ChasCB]

@glennpc Forgot also to say thanks for the updated bookmark_icons_colorized.css I'll wait till Arist-t2 updates urlbar_restore_visible_border.css file. as I tried for an hour mucking around with it with no result

[Nicholas-Steel]

Looks like it also broke my tweaks to hide all 3 of these

[glennpc]

@Nicholas-Steel

Looks like it also broke my tweaks to hide these in the History menu

Try this:

#sync-tabs-menuitem, #menu_searchHistory { display: none !important; }

[Nicholas-Steel]

@Nicholas-Steel

Looks like it also broke my tweaks to hide these in the History menu

Try this:

#sync-tabs-menuitem, #menu_searchHistory { display: none !important; }

I gave it a try without success in hiding any of the 3 items. If you're curious this is the entire contents of what the my_userChrome.css file looks like

[glennpc]

@Nicholas-Steel

It works for me. Originally looked like this:

After adding the code #sync-tabs-menuitem, #menu_searchHistory { display: none !important; }

Synced Tabs and Search History gets hidden.

Add this to hide Restore Previous Session:

#historyRestoreLastSession

[Nicholas-Steel]

@Nicholas-Steel

It works for me. Originally looked like this:

After adding the code #sync-tabs-menuitem, #menu_searchHistory { display: none !important; }

Synced Tabs and Search History gets hidden.

Add this to hide Restore Previous Session:

#historyRestoreLastSession

Yeah, neither work for me which is... interesting to say the least. I also tried formatting them like this

[maryadavies]

THANK YOU Glenpc. Got my border back on my URL Bar now. Luckily the only JS I use is for the search bar and that pretty much works fine; I'll keep a eye out for updates. Since my browser uses a theme it..just looks wrong..to have a border on the search bar and not on the url bar. Not to mention losing the colorized icons. Bah. (Said theme's a white and grey theme so yeah, border is necessary.)

[Nicholas-Steel]

@Nicholas-Steel

It works for me. Originally looked like this: image

After adding the code #sync-tabs-menuitem, #menu_searchHistory { display: none !important; } image

Synced Tabs and Search History gets hidden.

Add this to hide Restore Previous Session:

#historyRestoreLastSession

I figured out my issue, it turns out I had two unescaped comments in my my_userChrome.css file. This is also why the fix for the URL Address Bar's background colour was oddly working while the other stuff wasn't, the comment on the line above it has a escape for comments.

[deedub-hub]

While using the Browser Toolbox to inspect the urlbar in FFX143 I've discovered that what used to be #urlbar-background was changed to .urlbar-background. In other words it's now a class instead of an id. So to make the following 3 stylesheets work: urlbar_background_color.css urlbar_border_roundness.css urlbar_restore_visible_border.css simply edit every occurrance of #urlbar-background to become .urlbar-background. Of course, for backward compatibility you can also use :is(#urlbar-background,.urlbar-background)

[glennpc]

Thanks for finding that @deedub-hub That's a great fix while we wait for @Aris-t2 to update the files.

[maryadavies]

Thanks for finding that @deedub-hub That's a great fix while we wait for @Aris-t2 to update the files.

It's been a while. I wonder where @Aris-t2 is.