[Old] Post all questions and feedback into this discussion thread!

[Aris-t2]

Make sure you have updated your configuration to the most recent version of this projects files and are using the latest version of the "options" required by your Firefox version >before< reporting problems!

Continued from #3, #41, #88, #109, #133, #163, #189, #211, #241, #273, #308, #368, #404, #417 and #454

Instead of opening new "issues" for general talk we can use this area for discussions, feedback and questions. Open new "issues" for real bugs and problems.

Custom JS scripts to restore more classic features
https://github.com/Aris-t2/CustomJSforFx

Things this project will not target/recreate

• a CTR like plugin/application to generate ready-to-use CSS
• curved tabs (thanks those are finally gone!)
• old complete themes

Things not possible with CSS

• more toolbars like add-on/status bar (CSS can not create new toolbars)
  • displaying full sized status popup below window content is possible
  • bookmarks toolbar at windows bottom is possible (simulated addon-bar)
• new buttons (CSS can not create new buttons)
• additional menuitems (CSS can not create new items)
• custom/new/different functions for buttons/menuitems/menus
• activity indicator (see 'custom JS scripts')
• preference/options window
• additional location bar
• favicon in location bars identity box (see 'custom JS scripts')
• moving menubar items to a different toolbar
• restart button (see 'custom JS scripts')
• ... many more

[Aris-t2]

Looking for the previous discussion? It can be found here: #454
(The above post offers links to older discussion threads.)

[Jgr9]

tbh, the long thread on one page made it kind of nice to Search in Page (except for if it hides the replies)

[nicolaasjan]

I just want to thank you for all the effort you put into this. 👍️

[yurikhan]

current/css/toolbars/menubar_alternate_menu_hover_color.css and menubar_color.css contain this kind of selectors: #main-menubar > menu:is(:hover,[open],[_moz-menuactive]). They cause the menu item to light up when either hovered or pulled down.

However, other GTK+3 applications do not behave this way; just hovering over a menu is not sufficient to light it up.

For personal use, I’m changing that to #main-menubar > menu[open].

(I had to uncomment the inclusion of menubar_alternate_menu_hover_color.css because in 114 they broke something again so active menu bar items are now by default displayed with a thick color underline rather than a color background.)

(I’m on GNU/Linux (Xubuntu 22.04) and using a non-default GTK+3 theme Arc-Dark.)

[Aris-t2]

I will look into it.

[krystian3w]

Based on archival photos, it seems to me that the arrow is now too close:

	vs		or

My hotfix for Firefox 114.0.1 on Windows 7 Aero (DPI 96) with touch/normal size of "icons" (I didn't check in compact by Moz://a or "more compact"):

#main-window[tabsintitlebar][uidensity="touch"] #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar]:not([uidensity])   #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar][uidensity="touch"] #PanelUI-menu-button .toolbarbutton-icon,
#main-window[tabsintitlebar]:not([uidensity])   #PanelUI-menu-button .toolbarbutton-icon { 
    margin-right: -2px; 
}

Or text should be moved a little to left to keep the balance of the equal margins/paddings:

#main-window[tabsintitlebar]:not([uidensity="compact"]) #PanelUI-menu-button::after {
  margin-inline-start: 3px !important;
  margin-inline-end: 5px !important;
}

[Aris-t2]

I will look into it.

[9jkh]

Re.curved tabs (thanks those are finally gone!

Does this mean that it is no longer possible to have tabs with rounded corners at top? As in my current 102.12?

Have started using the 4.3.9 with FF 114 - If rounded top corners (including hopefully tabs with more depth) are still possible, what would be a css to begin with?

[Aris-t2]

I meant this project won't restore them the way they were in Firefox 29-56, but I'm sure it is possible to recreate them.

[krystian3w]

wilfredwee/photon-australis#124 (comment) 102+, maybe too 114-115.

[9jkh]

@krystian3w

Why the confused emoji? Would be helpful if you explain. Thanks.

[nollinvoyd]

Can this be hidden? I don't understand them making it persistent in the navbar, and also giving us a toolbar button?

[krystian3w]

IMO possible.

Globbaly may run:

tooltip {
  visibility: collapse !important;
}

[nollinvoyd]

Sorry, I should have been more specific. I want the container button hidden.

[SlaveOfCats]

Not sure I understand. Do you want to hide the button in the URL bar?

I haven't updated to the latest files yet, but this is what I have in my_userChrome.css. It works on FF 113:

/* hide multi-container button in urlbar */
#page-action-buttons > #pageActionSeparator ~ .urlbar-page-action,
#pageAction-urlbar-_testpilot-containers {
  display: none !important;
}

[nollinvoyd]

Perfect. Thanks a lot. Works in 114.02 and v4.3.9

[9jkh]

v4.3.9 w/FF 114 Bug?

Findbar at top close icon does nothing, no way to dismiss it. Set to bottom works properly.

[krystian3w]

Works Fine on Firefox 115 RC1, maybe too in RC2. Also can be macOS specific only.

[Aris-t2]

@9jkh

Findbars top position incl. close buttons on findbars start position work fine here in Fx114.

What happened to your tabs toolbar?

[9jkh]

krystian3w wrote: "Also can be macOS specific only."
Maybe that's the problem, how to do that?

@Aris-t2 Have tried every possible iteration of release that I can think of. Maybe I'm missing something. Suggestion?

Re. tabs toolbar, it's there, just wasn't showing in earlier screenshot. Note: have tried squared tabs in various positions, doesn't seem to change the outcome of the non-functioning Findbar set to top.

Also would like to know how to restore look of nav bar buttons as I have them in my 102esr, if possible.

[OnePieceJoker]

Version:
FF: 114
CustomCSSforFx: master

After updating the new version of firefox, my previous css configuration is invalid
Who can help me, how to set the toolbar to the bottom, thank you very much

[krystian3w]

Today can be published FX 115 and 115 ESR (I suggest doing a series of tests to see if it's worth postponing update).

https://ftp.mozilla.org/pub/firefox/releases/115.0/

[glennpc]

Just got FX 116 today and I noticed they have made a few changes. One of them is under Bookmarks:

Search Bookmarks

Can this be hidden like menubar_bookmarks_popup_other_item_hidden.css is?

Another one I noticed are the separator lines seem shorter than before. They don't go the full length to the right. Not sure if this can be changed, but it looks uneven to me, especially on the right-click context menu. I'm using popup_compact_menus.css.

[krystian3w]

test:

menuitem#menu_bookmarkThisPage, 
menuitem#menu_searchBookmarks, 
menuitem#menu_searchBookmarks ~ menuseparator#bookmarksToolbarSeparator {
 display: none !important;
 visibility: collapse !important;
}

The width of the separators can be seen to be overwritten somehow by CCfFx (which may require "withdrawing" some lines of CSS from the project).

[glennpc]

Thanks! That did the job as far as hiding the new Search Bookmarks. I will experiment with the separator lines later.

[Henu3duka]

Yes! in 4.4.1 works fine! Thanx!

[Jee-Hex]

Looks like /css/locationbar/ac_popup_megabar_title_and_url_two_lines.css is broken since 116.0b2– the URL part is misaligned to the right. The regression range is https://hg.mozilla.org/releases/mozilla-beta/pushloghtml?fromchange=5b26c16edbef4a3fef8c57d63a680eb3417f22fd&tochange=3935d29947b87bf51e6b103f3722fcf0649a883e. I wasn't able to figure out the exact change that broke it, but removing the padding-inline-start part in

#urlbar .urlbarView-results > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url {
	margin-top: 2px !important;
	padding-inline-start: calc(6px + 1px + 16px) !important;
}

seemed to have fixed it on my end for now.

[Aris-t2]

Thanks for the note. This will be fixed on next update.

[nicolaasjan]

Don't know if this was mentioned earlier, but in Firefox ≥116 the urlbar-dropdown does not appear when start typing.
This is quite annoying.

[ImSpecial]

100% this, I came here with the same issue of urlbar-dropdown not working, and it appears to be the "megabar_disable_openviewonfocus.css", disabling it and things work again.

These are the only Location Bar settings I use.

@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/
/* @import "./css/locationbar/megabar_disable_openviewonfocus.css"; /**/

/* popup content order/appearance - [only use one at a time] ************************************/
@import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/

/* result menuitem settings/appearance **********************************************************/
@import "./css/locationbar/ac_popup_megabar_compact_results.css"; /**/

[Aris-t2]

megabar_disable_openviewonfocus.css will be fixed on next update.

[jmcken1]

Same for me. I hadn’t realize how much I relied on it until it no longer worked. Drove me up the wall, lol. Thanks @nicolaasjan for identifying the cause, I’ve disabled it until the next update.

[aolszowka]

Same here with Firefox 116.0.1. The work arounds mentioned above work.

[DonkZZ]

It's fixed in CustomCSS v4.4.0 with Firefox 116.0.3

Thanks
👍

[glennpc]

I have a couple of issues so far with Fx 117:

1. The Menu Bar is overlapping when using tabs_below_navigation_toolbar_alt.css and toolbar_mode_icons_and_text.css

2. The spacing is wrong using popup_compact_menus.css

It doesn't look the same as it did on Fx 116 and earlier.

[Aris-t2]

I will try to fix this on next update.

[glennpc]

v4.4.0 (test) fixed it, thanks!

[Cynosphere]

AeroGlass window border broken in 117, setting #main-window background to transparent ends up with the browser taking over and disabling visual styles entirely for the window.

[Aris-t2]

Didn't Mozilla announce to drop support for Windows 7 and 8 with Firefox 116+?

Most likely the code simulating AeroGlass / transparency does not offer the same results anymore.

[krystian3w]

But exist German's app to add blur in Windows 10/11:

http://www.glass8.eu/
http://www.glass8.eu/files/setup-wrs-1.5.13.exe
https://archive.org/details/full-glass8-archive

Then better update ideas if possible instead remove a few css.

---

---

Also versions Firefox 117 nightly released until 15.07.2023 can run on Windows 7 and 8/8.1 by extract files by 7-zip or WinRAR.

Newer releases have a secured installer as well as throwing an error about an invalid exe file (i.e., they are double-protected so that you can't easily use them on Windows 7/8.1 without significantly modifying Firefox or Windows code).

[mozo78]

Use Linux. Don't torture yourself with this crap.

[krystian3w]

But do you have a working code to transparent Firefox windows/edges in your distribution, or window manager or desktop environment?

[mozo78]

For FF I don't know but for the environment - ofc we have and I can set it in the way I like it with a numerous settings.
https://i.imgur.com/FL32Ci1.jpg

[Speravir]

In addition to #670 (comment)

How about adding color for the firefox-view symbol

In fact, I would even favour a different firefox view symbol. The active one is a very thin lined enigma what it is supposed to display. Maybe utilizing some monitor symbol with thicker lining and fill option for the coloring? Would need to find a free one, first.

Edit: Or a binocular symbol? Had to search for one, as well. The magnifier symbol is already associated with a search, so this cannot be used.

[Speravir]

@Aris-t2
How about

1. A monitor/screen symbol: File:Open Iconic monitor.svg, taken from Wikimedia Commons.

This has to be edited in this way:

1,2c1,3
< <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
<   <path d="M.34 0a.5.5 0 0 0-.34.5v5a.5.5 0 0 0 .5.5h2.5v1h-1c-.55 0-1 .45-1 1h6c0-.55-.45-1-1-1h-1v-1h2.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.09 0 .5.5 0 0 0-.06 0zm.66 1h6v4h-6v-4z" />
---
> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
> <!-- Edited from source: https://commons.wikimedia.org/wiki/File:Open_Iconic_monitor.svg - Expat/MIT Licence -->
> 	<path fill="context-fill" d="M.34 0a.5.5 0 0 0-.34.5v5a.5.5 0 0 0 .5.5h2.5v1h-1c-.55 0-1 .45-1 1h6c0-.55-.45-1-1-1h-1v-1h2.5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.09 0 .5.5 0 0 0-.06 0zm.66 1h6v4h-6v-4z" />

• Removed height and width attribute in svg element.
• Added license attribution in a comment at separate line.
• Added fill attribute in path element.

The file is under Expat/MIT License. Note, though, that (from my understandig) there must be a full copy of the text somewhere, not only a link as I did until now.

2. Alternatively an eye symbol. I suggest the one from Fontawesome 4. I’ve actually taken it from File:Eye open font awesome.svg (also Wikimedia Commons, the license attribution is wrong there in my opinion, see below).

1a2
> <!-- Fontawesome 4, edited - License: SIL OFL 1.1, cf. https://fontawesome.com/v4/license/ -->
3c4
<   <path fill="currentColor" d="M1694.372881 683.8983q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5q-185 0-316.5-131.5t-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5q234 0 434.5-121.5t333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14q20 0 34-14t14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5q-263 0-499.5-139t-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139q263 0 499.5 139t376.5 368q20 35 20 69z"/>
---
>   <path fill="context-fill" d="M1694.372881 683.8983q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5q-185 0-316.5-131.5t-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5q234 0 434.5-121.5t333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14q20 0 34-14t14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5q-263 0-499.5-139t-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139q263 0 499.5 139t376.5 368q20 35 20 69z"/>

• Added license attribution in a comment at separate line.
• Changed fill attribute in path.

About the license: The uploader to Commons claimed it would be CC-by-SA 3.0 unported, but at Fontawesome website we can see that the font itself (and its symbols) is set under SIL OFL 1.1, confer Font Awesome License (the later Fontawesome versions are set to a Pro License, as it is named; edit: this is only true for the pro icons, see my answer below). From my understanding the attribution in the comment is enough here.

---

Before I dealt with Open Iconic monitor.svg I concentrated on another file. This would be nicer for fans of really filled icons like me (similar to the pre-Fx89 symbols), but is a bit more complex:

Source is File:Feather-core-monitor.svg (again Wikimedia Commons).

Necessary edits:

1c1,2
< <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
---
> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="context-fill" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
> <!-- Edited from source: https://commons.wikimedia.org/wiki/File:Feather-core-monitor.svg - Expat/MIT Licence -->

• Removed height and width attribute in svg element.
• Changed fill attribute in svg element.
• Added license attribution in a comment at separate line.

This is set to Expat/MIT License, too, so the same requirement for the text applies.

Though, this would need a CSS fill declaration also for the “uncoloured” state, something like fill: #808080 !important; or brighter like fill: #C0C0C0 !important;.

EDIT: Apparently I could upload the SVG files into a posting, too. Tell me, please, if you are interested. Then the edit work had to be done only once.

[Aris-t2]

I guess I go with the second icon, the eye. No need to upload it, as I already did the necessary edits. SVG icons have to keep width/height values to be compatible with this projects default setup. Removing width/height values caused the icon to disappear on e.g. tabs toolbar.

[Speravir]

SVG icons have to keep width/height values to be compatible with this projects default setup. Removing width/height values caused the icon to disappear on e.g. tabs toolbar.

Interesting. I obviously did not test in this toolbar. I instead had issues with size adjustment of the symbol in the navbar as long as I kept the height and width attributes.

[Speravir]

@Aris-t2 I wanted to check this again, because I thought something’s not correct here, so I once again took a look, and in fact I was not quite right: For Fontawesome Free 5 & 6 the Pro license does not apply, there is a Free Font Awesome License instead with CC4 license for the icons. Why do I tell this? I think File:Font Awesome 5 regular eye.svg (again taken from Wikimedia Commons) may look slightly better because of the different reflection part. But once again fill="context-fill" has to be added (the license part is already included). By the way this SVG does not contain height and width.

[Aris-t2]

This is how it will look on next update:

[jmcken1]

Heya @Aris-t2,

I’ve been using Firefox’s dark mode (in Settings → General → Website appearance) for a long time, and one issue is the searchbar option text (“Highlight All”, “Match Case”, etc.) stays black, making it very hard to see:

Is there a way to change this with CSSforFx? (Or is it a native setting I’ve somehow missed/messed up?)

[jmcken1]

Sorry for the double-post, just checking that this hasn’t fallen through the cracks. 🙂

[Aris-t2]

This should cover it.

findbar :is(label, description) {
  color: white !important;
}

findbar .findbar-textbox {
  color: black !important;
}

findbar .findbar-textbox[status="notfound"] {
  color: red !important;
}

[jmcken1]

Thanks! Unfortunately, the “findbar[status="notfound"] .findbar-textbox” selector doesn’t seem to work; it has no effect on the “not found” textbox background or text color. I tried writing the color value in hex, tried changing the property to “background-color” instead; nada.

[Aris-t2]

I did not test this, just wrote it down.
findbar[status="notfound"] .findbar-textbox should be findbar .findbar-textbox[status="notfound"]

[jmcken1]

That works perfectly! Thank you (and for your patience). 😁

[skaw847]

Hi,

I think i had this issue before but i do not know how to remove this tiny ...1px?! line below the tab bar. Anyone an idea? Also..is it possible to edit the color of border in the active tab?

FF133
Using 4.6.2
classic_squared_tabs_australized.css
tabs_below_navigation_toolbar_fx133.css

[skaw847]

nice, tyvm!!

[skaw847]

Another hopefully minor question: changing the background color of a new empty tab or the home tab is no problem, but what about this page? In the FF settings i set "empty page" when opening FF. But its called browser and not "about:newtab", so the rules from the "aboutnewtab" CSS files won't apply here?!

@-moz-document url(about:newtab), url(about:home)

for comparison:

[skaw847]

setting up about:newtab as custom url for homepage and new windows works as a workaround.

[Aris-t2]

I think you are searching for about:blank.

@-moz-document url(about:blank) {
  body {
	background-color: #323234 !important;
	color: #D1D1D1 !important;
  }
}

[skaw847]

while about:blank opens exactly that page, the rule does not apply somehow. but it is not too dramatic since the workaround with about:newtab does the "same"

[Don-4]

Had a few issues after Firefox 133 update. After updating CSS to your 4.6.6 and selecting my usual options, all is perfect.
Thank you, Aris, for your untiring efforts!!!

[VengefulAncient]

Agreed and came here to say this. Mozilla is infuriating with constantly trying to break Firefox and make its UI experience worse and dumber, and it's only thanks to Aris that it remains usable. Mozilla really needs to understand that we don't want Firefox to be Chrome. Every time there's a Firefox update, it's not "did they fix or add anything?", it's "what part of UI did they mess up this time?" and I hate it so much. Big props to Aris for undoing Mozilla's damage every update.

[jmcken1]

Every time there's a Firefox update, it's not "did they fix or add anything?", it's "what part of UI did they mess up this time?"

This is exactly me. Aris is the only way I get the browser to look & feel halfway decent. 🫡

[EdwardKiefer]

Aris-t2
I noticed this line is not over to the far left in version 4.6.6 (latest).
@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; //
/* @import "./css/locationbar/megabar_expanding_breakout_disabled_fx128-fx132.css"; //

[Aris-t2]

Thanks for the note.

[trophhy]

hello. is it possible to remove scroll tab buttons?
(https://github.com/user-attachments/assets/c6fe786c-d618-4db2-94e5-9f44affac065)

also is possible to reduse height of title bar with buttons and adressbar?

[Aris-t2]

How about this?

#scrollbutton-up[part="scrollbutton-up"][tooltiptext],
#scrollbutton-down[part="scrollbutton-down"][tooltiptext] {
  display: none !important;
}

[trophhy]

thank you very much. this helped

[trophhy]

this helped, but when i updated to 4.6.8 tab scroll buttons appeared again (

[Aris-t2]

Nothing changed in 4.6.8 regarding scroll buttons. Reapply the code again.

[trophhy]

thanks i reapplyed first code and it worked

[Thalon77]

Just another small cosmetical thing to allow me to achieve perfection after the V 133 update, I attach the usual GUI screenshot here to explain:

See the area marked with the red arrow on the location bar, the broken thick border in that zone? It happens when I try to type something there (with or without the extra reader mode/translate icons popping up, the star icon always present there is enough to cause that small bug).

[glennpc]

I have a similar question about changing color. I'm using the addonbar_move_bookmarks_toolbar_to_bottom. I would like to change the color of it to match my theme. Is that possible?

[glennpc]

I think I just figured out for changing the color of the addonbar. Correct me if it's wrong, but it seems to work.

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar { background: #FFC999 !important; }

[Aris-t2]

How do you change the color of the title bar only, without it also affecting other bars like in #606 (reply in thread)? Since you have it right here, it must somehow still be possible to achieve this look.

In the above screenshot you see the OS titlebar. That one can be enabled in customizing mode.

[Aris-t2]

I think I just figured out for changing the color of the addonbar. Correct me if it's wrong, but it seems to work.

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar { background: #FFC999 !important; }

Thats correct.

[geist22]

In the above screenshot you see the OS titlebar. That one can be enabled in customizing mode.

Ah, that was it, thanks! Makes me wonder how I had it this way before v133 with different settings. I thought they removed the title bar long ago when the moved tabs to the top. I remember I was forced to manually enter the color values for the title bar because they removed the OS accent color...

Finally all the damage of the update is undone. Hopefully it will be a few months before the next update makes me spend another weekend pulling my hair out trying fix my setup and get it back to working how it always did... again.

[kanade96]

The latest version (v4.6.7) seems to have shrunk the font size for the location/address bar. You can see the size difference between result font size and location bar font size.

I was unable to find any settings to tweak location bar font size. Which settings do I need to tweak to increase the font size for location bar, if not match the result font size?
Thank you.

[Aris-t2]

There was no change, that might have done this on purpose. Maybe some option caused this on your end.

[hopalongrock]

The Private Browsing icon and text is missing from the right side of the tab bar, when Tabs Below Navigation Toolbar, regardless of whether the Private Mode Indicator option is hidden or not.

Firefox 133, userchrome.css 4.6.7

[Aris-t2]

This will be fixed on next update.

[Aris-t2]

Test 4.6.8 release: https://github.com/Aris-t2/CustomCSSforFx/releases

[hopalongrock]

Thanks, fixed!

[nollinvoyd]

v4.6.7

Library button drop down menu extremely narrow

No css

[nollinvoyd]

This happens, if you have popup_compact_menus.css enabled?

Yes, goes back to normal when disabled. I don't remember enabling that. Is it enabled by default?

[Aris-t2]

Its not enabled by default, see https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/userChrome.css#L787

[nollinvoyd]

Its not enabled by default, see master/current/userChrome.css#L787

Now I recall. I addressed this issue here a while back, seeking for a reduction in menu spacing

Is it possible to compromise by not altering the menu width, while still reducing the spacing?

Fact is, I would prefer closing the vertical spacing even more, if possible, and user customizing the menu width, maybe in myuserChrome.css?

[Aris-t2]

This should help.

/* override default browser code - normal popups */
menupopup {

  @media (-moz-platform: windows) {
    > menu,
    > menuitem {
      padding-block: 0px !important;
    }
  }

}

/* override default browser code - panel popups */
.toolbar-menupopup :is(menu, menuitem),
.subview-subheader,
panelview .toolbarbutton-1,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1 {
  min-height: 0px !important;
  padding: 0px !important;
}

/* override context_bfrsb_*.css options */
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

[nollinvoyd]

Excellent! Thanks once again.

[mateocpa]

I am using Firefox 133.0.3 for Mac and version 4.6.7 of custom CSS for fx. After I updated to 4.6.7, I found that there is an extra, blank bar beneath the tabs toolbar. (See image.)

The extra bar disappears when I turn off ./css/tabs/tabs_below_navigation_toolbar.css. What is causing the extra bar? Thank you.

[Aris-t2]

Test 4.6.8 release: https://github.com/Aris-t2/CustomCSSforFx/releases

[mateocpa]

That fixed it. Thank you very much!

[TroudhuK]

Hi,

Multirow tabs + classic drop indicator + tabs_below_navigation_toolbar (+ ...), and the tab drop indicator is clipped by the tab content (even with z-index 10000), do you know what to do?

[Aris-t2]

Tab drop indicator (independent of it appearance) does not work with "multirow tabs", at least not properly.

[TroudhuK]

Yes it works well (with the script I updated yesterday: https://github.com/TroudhuK/userChromeJS/blob/master/MultiRowTabLiteforFx.uc.js), the only problem I have is what I show on the capture.

[rebop]

Hello Aris-t2.

Jsut got my first MAC and trying to get FF isdentical to my Windows setup which I know realize is impossible. But at least, can I change the position of the bookmarks toolbar to match Windows? Here is what I have today. Close, but not quite. Just changing the order of those toolbars would help.

Thanks.

[Aris-t2]

Here is what you are looking for. This code switches the order of bookmarks toolbar and navigation toolbar

#PersonalToolbar {
  order: 100 !important;
}
#nav-bar {
  order: 110 !important;
}

Note
I deleted the other posts. Please do not respond via email. Visit this area and use "Reply"-button instead.

[rebop]

Perfect. Thanks.

[joefiesta]

oops... .this now appears to have been fixed.

I now do not get directed to the forum when I click on the link in an email notifying me about a new item in this forum. It take me to what looks like a non-css processed version of the site.
HOWEVER,. the link DOES WORK if I choose to open it in a NEW PRIVATE WINDOW.

this in Firefox 132 (I dread going to 133 with all the probems at this stage). And my mail service is AOL (on pc).

[Aris-t2]

Was it about this post?
#670 (comment)

[Aris-t2]

Time to start a new discussion: #722