Firefox: I need some scripts for the Firefox

patrik025 · Mar 2, 2023

Please advise me some scripts that add these behaviours:
1. Did anyone know about any scripts, that adds more overflow menus? (or simply button groups)
2. Did anyone know about any scripts, that adds more toolbars?
3. Did anyone know about any scripts, that reverts the flexible space behaviour, and adds space and separator items?
4. Did anyone know about any scripts, that re-adds the Page Actions menu? (the three dots menu on the right side of address bar, that was in the Photon)

I will thank for any response.

ltsnow · Mar 3, 2023

What you want is not scripts, but css code. Start by going to this website:

GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox

Custom CSS tweaks for Firefox. Contribute to Aris-t2/CustomCSSforFx development by creating an account on GitHub.

github.com

It has everything you need to customize Firefox to the hilt. They're will be a steep learning curve if you are new to this, but IMO it is well worth it.

Also, you can then go to this website which discusses everything you would ever want to know about using css code:

Firefox CSS • r/FirefoxCSS

Pushing the limits of the Firefox Browser through the use of CSS.

old.reddit.com

BTW, the page actions menu as you call it is actually called the hamburger button. If you have any problems I will certainly be glad to help since I've been using all this stuff for years.

Edwin · Mar 3, 2023

ltsnow said:
BTW, the page actions menu as you call it is actually called the hamburger button.

I think the OP is talking about the Page Actions Menu that used to be in the Address Bar til Proton showed up...

Bree · Mar 3, 2023

patrik025 said:
Please advise me......

@Ghot has put together some extensive advice over on Ten Forums.

Firefox... taming the beast part 2 !! - Windows 10 Help Forums

First things first... stop Firefox from automatically updating. Simply unzip and drop this "distribution" folder into... C:\\Program Files\\Mozilla Firefox After manually updating Firefox this folder will be erased, so save a copy somewher

www.tenforums.com

ltsnow · Mar 3, 2023

Edwin said:
I think the OP is talking about the Page Actions Menu that used to be in the Address Bar til Proton showed up...

View attachment 54168

You are absolutely right I think that he was referring to that.

patrik025 · Mar 4, 2023

No, these modifications are not available using only CSS, they need use of JavaScript!

patrik025 · Mar 4, 2023

Edwin said:
I think the OP is talking about the Page Actions Menu that used to be in the Address Bar til Proton showed up...

View attachment 54168

Yes I'm talking about it, advise me a script that re-adds this feature.

Edwin · Mar 4, 2023

patrik025 said:
Yes I'm talking about it, advise me a script that re-adds this feature.

You're asking the wrong guy, chief! I wouldn't have a clue!

patrik025 · Mar 4, 2023

So nobody didn't know?

Edwin · Mar 4, 2023

patrik025 said:
So nobody didn't know?

Perhaps someone will chime in. I find mine pre-made.

johnlgalt · Mar 7, 2023

patrik025 said:
So nobody didn't know?

Did you check out this post above?

Firefox: I need some scripts for the Firefox

Please advise me some scripts that add these behaviours: 1. Did anyone know about any scripts, that adds more overflow menus? (or simply button groups) 2. Did anyone know about any scripts, that adds more toolbars? 3. Did anyone know about any scripts, that reverts the flexible space behaviour...

www.elevenforum.com

Edwin · Feb 2, 2024

Anybody know how to deal with this css tweak in Firefox? -

When I have the Auto-Hidden/Multi-Row bookmark bar set to show 1 row, it collapses after mouse away...

... but, when I change the value to 3 rows...

... it won't collapse, the bookmarks hide, but the placeholder just sits there eating up screen real estate!

Edwin · Feb 2, 2024

@das10
I read your post up until it disappeared...,
Lemme grab my css sheet and look through it, could be some conflicting info in it too, it's such a fecking mess!!! :woozy:

K..., here's the bulk of it, not sure if I've got some messed up stuff in there or not!

CSS:

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important;  }

#PersonalToolbar #import-button > .toolbarbutton-text,
 .bookmark-item > .toolbarbutton-text {
    display:none !important;
}

Ghot · Feb 2, 2024

@Edwin

*** Guesses by someone that coded, about 40 years ago, in different languages. ***

What happens if you mess around with these lines in your script?
I'd guess (without really having a clue), that the problem is in here somewhere...

Code:

#PlacesToolbar > hbox{
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;

Maybe in the hbox section, whatever that is?

In the top video, there is still a teeny, leftover "empty area", (after you scroll away), and in the bottom video it leaves a much larger "empty area"?

Another thought entirely....
In my post on TenForums, I've also run into a few things that needed to be edited in the "other" files in the Chrome folder.

Keep in mind, I barely understand all this userChrome.css editing.
But It seems that the "other" files in the Chrome folder, set up some hard rules, and the userChrome.css file allows editing of things NOT "unallowed" by the other files in the Chrome folder.

In a few rare instances... I had to edit those "other" files, before I could make the desired edit in userChrome.css.

Also remember I only use ARI's Chrome folder, so I may have misunderstood what you're trying to do, or the rules you must follow, with whatever you're trying to do.

das10 · Feb 3, 2024

Edwin, if I assume you are using one of MrOtherGuy's custom scripts, then do you have this particular code line in your userChrome.css file?

If so, then try to adjust the value so that the place-holder area also gets hidden, as I see that you also have the Extensions toolbar buttons in the places toolbar, which otherwise would be on the nav-bar.

Code:

/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/autohide_bookmarks_toolbar.css */
#PersonalToolbar{
  --uc-bm-height: 85px; /* Might need to adjust if the toolbar has other buttons */
  --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
  --uc-autohide-toolbar-delay: 1000ms; /* The toolbar is hidden after 0.0s */
   0deg = "show" ; 90deg = "hide" ;           /* Set the following to control when bookmarks are shown */
 /* --uc-autohide-toolbar-focus-rotation: 0deg;    urlbar is focused */
  --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}

On testing, I find that the --uc-bm-height: ??px needs to be changed when you change the value of --multirow-bmb-n-rows:?
As far as I can make out, that value depends on the number of rows you want to see in the places toolbar, as well as the Density setting of Firefox, and may also need changing if you alter any of the padding values in the script.

If I use Compact Density setting, I need to set that value at 65px, and if I use the relaxed/Touch density, I have to set it at 90px in order to get rid of the place holder left behind.

This is the MrOtherGuy script which I have used for testing, in case anybody is interested.
userChrome.css

Code:

/*=============================================================================================================================*/



#PlacesToolbarItems toolbarbutton.bookmark-item {
  min-width: 100px !important;
  max-width: 100px !important;
}


/*==============================================================================================================================*/


/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

/* Dummy variable to support versions 94-96, can be removed when 96 lands */
/* :root{ --lwt-frame: var(--lwt-accent-color) }                             */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-frame) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
/* #PlacesChevron{ display: none } */

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 2px !important;  }

/*==============================================================================================================================*/

/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/autohide_bookmarks_toolbar.css */
#PersonalToolbar{
  --uc-bm-height: 65px; /* Might need to adjust if the toolbar has other buttons */
  --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
  --uc-autohide-toolbar-delay: 1000ms; /* The toolbar is hidden after 0.0s */

   0deg = "show" ; 90deg = "hide" ;           /* Set the following to control when bookmarks are shown */
 /* --uc-autohide-toolbar-focus-rotation: 0deg;    urlbar is focused */
  --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
}

:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }

#PersonalToolbar:not([customizing]){
  position: relative;
  margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
  transform: rotateX(90deg);
  transform-origin: top;
  transition: transform 100ms linear var(--uc-autohide-toolbar-delay) !important;
  z-index: 1;
}

#navigator-toolbox:hover > #PersonalToolbar{
  transition-delay: 100ms !important;
  transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}


/*=============================================================================================================================*/

pn: Sorry Edwin & Ghot, I didn't see your replies before I posted all this. I'll test your posted script later when I have time.