Showing questions tagged: Show all questions

Hide tab bar with one tab Firefox 76

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file: /* Modify to change window … (read more)

My hide tab bar with one tab code has broken with 76. The tabs themselves remain collapsed, but the bar remains. Here's my userChrome file:

/* Modify to change window drag space width */
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }

.titlebar-buttonbox-container{
  position: fixed;
  display:block !important;
  top:0;
  right:0;
  height: 40px;
}
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

:root[sidemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }

:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
 -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
}
:root[tabsintitlebar="true"] #nav-bar{
  padding-right: calc(138px + var(--window-drag-space-width,0px));
  padding-left: var(--window-drag-space-width,0px)
}
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

#navigator-toolbox{ margin-top: 22px }
#toolbar-menubar{
  position: fixed;
  display:block !important;
  top: 0px;
  height: 22px;
  margin-top:1px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar .titlebar-buttonbox-container{ height: 22px; }
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

/* This will allow you to MAYBE put some items to the menubar */
#toolbar-menubar > *{ float: left }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */
/* Firefox 65+ only */
/* !!USER!! -  REMOVE ALL BUTTONS you can from the tabs toolbar */

/* Configurable window drag space  */
:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px }

#titlebar{ -moz-appearance: none !important; }
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }
:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
:root:not([customizing]) #TabsToolbar .titlebar-button{
  -moz-appearance: none !important;
  height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  -moz-box-align: stretch;
  margin: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
  visibility: collapse !important;
}

/* Button re-styling */
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
  padding: 0 !important;
  transform: scale(0.6);
  background-color: transparent !important;
}
/* Extra top padding  in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }
/* Fix window controls not being clickable */
#toolbar-menubar:hover{
  min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important;
  -moz-appearance: initial !important;
}
#nav-bar{ padding: 0 var(--window-drag-space-width,0px) }

/* Hide blue stripe on active tab */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

 #toolbar-menubar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}
 #TabsToolbar, #menubar-items, #main-menubar {
 background-color: #F8F8FB !important;
 background-image: none !important;
}

/* Change Color of Active tab */

/* Change Color of Normal Tabs */
tab:not([selected=”true”]) 
{
	background-color: rgb(240,240,245) !important;
	color: black !important;
}

/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}

Any help is appreciated.

Asked by Leafsdude 4 months ago

Last reply by jscher2000 1 month ago

Two address bar problems

I'm using Windows 10 on one computer and Windows 7 on another need a solution which will work for both. When I upgraded to Firefox 72, I think it was, I had a problem wi… (read more)

I'm using Windows 10 on one computer and Windows 7 on another need a solution which will work for both.

When I upgraded to Firefox 72, I think it was, I had a problem with the tabs which I wanted to show below the address bar. Someone from this forum helped by guiding me to a userChrome change and a userContent.css file. That worked fine and the tabs were below the address bar.

The next time I upgraded Firefox to 75 I think it was, the address bar wasn't working the way it used to. I wanted to be able to have the whole address bar selected when I clicked on it so I could type over what was there and enter a new address. Again, someone on this forum very kindly helped me by showing me how to change the settings on browser.urlbar.OpenViewOnFocus and 3 others and the problem was solved.

Now I come to Firefox 77 and the tabs are showing above the address bar again AND the address bar is no longer working as I wanted it to.

The OpenViewOnFocus settings are the way they I was advised to change them, but the tabs are still above the address bar. Someone acknowledged that changing the OpenViewOnFocus will no longer correct the tab locations and suggested a userChrome.css change. But I've already got one program in the userChrome.css file that I used the fix the address bar program.

Can I have two different programs in the userChrome.css field?

If so, can anyone help with the userChrome.css program that would take care of both problems? and do I still need the userContent.css file?

Why does Firefox keep doing this?

Asked by mikejanus 3 months ago

Last reply by Mike Janus 3 months ago

Disable Library window sidebar icons via user.Chrome

I'm looking to have the Library window sidebar and #placesToolbar icons not show. I have tried a number of id and class tags but no luck as yet. Have managed to customise… (read more)

I'm looking to have the Library window sidebar and #placesToolbar icons not show. I have tried a number of id and class tags but no luck as yet. Have managed to customise most of this window but just can't remove the icons. I would also like to hide some of the treeChildren themselves (Tags for example).

Asked by deanone 5 months ago

Last reply by cor-el 5 months ago

  • Archived

Added single pane extension - Firefox now unusable.

At Firefox' recommendation, I added an extension/addon called 'single pane extension' where I think the idea was that Firefox could be save better. But since the install… (read more)

At Firefox' recommendation, I added an extension/addon called 'single pane extension' where I think the idea was that Firefox could be save better. But since the install Firefox has become unusable. I can only use it in safe mode. Here is a screenshot. Sorry, but I can't figure out how to fix this.

Asked by webnick 6 months ago

Last reply by jscher2000 6 months ago

  • Archived

Firefox 74 tabs on bottom - Overlapping panel issue

Please see https://stackoverflow.com/questions/60678417/firefox-74-tabs-on-bottom-overlapping-panel-issue or https://www.reddit.com/r/firefox/comments/fhoelc/firefox_74_t… (read more)

Asked by aleksandr.blekh 6 months ago

Last reply by cor-el 6 months ago

  • Archived

Anyone have an update for Tabs on the bottom for version 72?

I had the userChrome.css update done for 65, then 71 and now with version 72, the tab bar and bookmarks bar merge into one line. Looking for an update to fix it as the is… (read more)

I had the userChrome.css update done for 65, then 71 and now with version 72, the tab bar and bookmarks bar merge into one line. Looking for an update to fix it as the issue is beyond my abilities.

Asked by olds97_lss 8 months ago

Last reply by arturox 8 months ago

  • Archived

FF72 tabs overlay bookmark toolbar

I have my tabs below all the toolbars. Ver 71 stuffed my Tab prefs until I figured out how to edit userChrome to move them back where I had them. Ver 72 now pushes them u… (read more)

I have my tabs below all the toolbars. Ver 71 stuffed my Tab prefs until I figured out how to edit userChrome to move them back where I had them. Ver 72 now pushes them up so the tabs overlay the bookmark toolbar. ( It almost seems like the background area is "locked" and won't expand vertically). Does NE1 else have this issue? Is there a fix?

Asked by demian_temp88 8 months ago

Last reply by cor-el 8 months ago

  • Archived

FF 71 again broke tabs and menu bars!

As in the topic, FF updated broke everything. Fortunately, I managed to get it somewhat working again but there are new problems. My menu bar now is under bookmarks and s… (read more)

As in the topic, FF updated broke everything. Fortunately, I managed to get it somewhat working again but there are new problems. My menu bar now is under bookmarks and some weird empty bar showed up under my tabs. HOW TO FIX IT?! HELP!

my userChrome.css config

/* Firefox Quantum userChrome.css tweaks ********************************************************/ /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/ /* Github: https://github.com/aris-t2/customcssforfx ********************************************/ /************************************************************************************************/

/************************************************************************************************/ /* Custom CSS for Firefox 60+ *******************************************************************/ /* version 2.4.0 ********************************************************************************/ /************************************************************************************************/

/*************************************************************************************************


                                                                                                                                                                                                  • /

/************************************************************************************************/ /* CONFIGURATION FILES - edit target files to change general values *****************************/ /************************************************************************************************/

/* GENERAL VARIABLES ****************************************************************************/ /* [!] set global variables for font and tab size options and more inside target file ***********/ @import "./config/general_variables.css"; /**/

/* COLOR VARIABLES FOR DEFAULT BROWSER THEME ONLY - MAIN UI - [only use one at a time] **********/ /* [!] set own colors for tabs & toolbars inside 'color_variables.css' or use available presets */ /* [!] 'about:config > ui.systemUsesDarkTheme > 0' might be required in some cases **************/ /* [!] enabled 'menubar_color.css' and 'statusbar_color.css' might be required in some cases ****/ @import "./config/color_variables.css"; /**/ /* <- default 'grey' colors */ /* @import "./config/color_variables_aero.css"; /**/ /* <- 'AeroBlue' colors (Win 7 Aero) */ /* @import "./config/color_variables_classic-grey.css"; /**/ /* <- 'classic grey' colors (Win Classic) */ /* @import "./config/color_variables_fx3.css"; /**/ /* <- 'Firefox 3-like' blueish colors */ /* @import "./config/color_variables_transparent.css"; /**/ /* <- (semi-)'transparent' colors */ /* @import "./config/color_variables_aeroglass.css"; /**/ /* <- 'AeroGlass' colors / Win10+Glass8 fix can be found in 'toolbars' area */ /* @import "./config/color_variables_deved.css"; /**/ /* <- based on 'Developer Edition' colors */ /* @import "./config/color_variables_noia4_grey.css"; /**/ /* <- based on 'Noia 4 themes' grey colors */ /* @import "./config/color_variables_noia4_lightgrey.css"; /**/ /* <- based on 'Noia 4 themes' lightgrey colors */ /* @import "./config/color_variables_noia4_dark.css"; /**/ /* <- based on 'Noia 4 themes' dark colors */

/* Darker "Dark" default theme - [only use one at a time] ***************************************/ /* @import "./css/toolbars/default_dark_theme_darker.css"; /**/ /* @import "./css/toolbars/default_dark_theme_darker_v2.css"; /**/

/* CUSTOM SCROLLBARS VARIABLES (Firefox 63+ only) - EXPERIMENTAL ********************************/ /* [!] Might not work on every page! This issue is for Mozilla to solve. ************************/ /* [!] not compatible with custom scrollbar JavaScipt userChrome scripts ************************/ /* [!] custom size values only compatible with 'web content' scrollbars at the moment ***********/ /* [!] more info inside 'custom_scrollbar_appearance.css' file **********************************/ /* @import "./config/custom_scrollbar_appearance.css"; /**/ /* <--- EXPERIMENTAL */


/************************************************************************************************/ /* TOOLBAR BUTTONS ******************************************************************************/ /************************************************************************************************/

/* navigation toolbar buttons appearance - [only use one at a time] *****************************/ @import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_classic_appearance_v2.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css"; /**/ /* @import "./css/buttons/buttons_on_navbar_glass_appearance.css"; /* <--- good for Dark themes */ /* @import "./css/buttons/buttons_on_navbar_osx_appearance.css"; /**/

/* navigation toolbar buttons - button roundness (edit file to set different roundness) *********/ /* @import "./css/buttons/buttons_on_navbar_button_roundness.css"; /**/

/* squared buttons / button size - [only use one at a time] *************************************/ /* "rectangular shape" - normal size ************************************************************/ /* @import "./css/buttons/buttons_on_navbar_squared_buttons.css"; /**/ /* "normal shape" - large size (huge 48x48px buttons with 36x36px icons) ************************/ /* [!] not compatible with 'custom icon' options ************************************************/ /* [!] not compatible with 'custom back & forward buttons' appearance options *******************/ /* [!] not compatible with 'text mode' option ***************************************************/ /* [!] partly compatible with 'icons+text' option, if in 'compact mode' *************************/ /* @import "./css/buttons/buttons_on_navbar_huge_48px_size.css"; /

Asked by spioh72 9 months ago

Last reply by cor-el 9 months ago

  • Archived

Tab bar has moved down into webpages so titles no longer visible.

One day the tab titles partially dropped down off the black strip of the tab bar into the web pages. It is now very hard to read the titles. How do I get them back up? Th… (read more)

One day the tab titles partially dropped down off the black strip of the tab bar into the web pages. It is now very hard to read the titles. How do I get them back up? Thanks for your help.

Asked by Anne 11 months ago

Last reply by Dinushi Dhananjani 11 months ago

  • Archived

How Do I Delete The Mobile Bookmarks Folder, among others, revisited?

I viewed this thread. https://support.mozilla.org/en-US/questions/1164362 Maybe I'm doing something wrong. I use CustomCSSforFx https://github.com/Aris-t2/CustomCSSforFx… (read more)

I viewed this thread. https://support.mozilla.org/en-US/questions/1164362

Maybe I'm doing something wrong. I use CustomCSSforFx https://github.com/Aris-t2/CustomCSSforFx/issues/211, to which I added

/* Hide Mobile Bookmarks on menus */

  1. BMB_mobileBookmarks, #menu_mobileBookmarks {
 display: none !important;

}

But it doesn't work. Oddly, I have another, newer, profile, where the Mobile Bookmarks Folder isn't displayed, I don't know exactly what governs whether you see it or not, but the sync rules for my android (currently I have "nothing selected to synced from phone) my were established before the latest profile was created.

What I'd also like to get rid of, or "hide" are the "Other Bookmarks" folder, and the Bookmarks Toolbar" folder from the Bookmarks drop down menu. At worst, I'd like to be able to move them.

Asked by noel_envode 11 months ago

Last reply by cor-el 11 months ago

  • Archived

Width of the tabs doesn't stay the same on FF70

The more tabs I open, the narrower they are to fit in window, right? Right. But it used to work the way that when I close multiple of them, they stayed the same size for … (read more)

The more tabs I open, the narrower they are to fit in window, right? Right.

But it used to work the way that when I close multiple of them, they stayed the same size for a second or so which meant closing multiple of them in a row was much easier (just click in the same place multiple times), right?

Well, it used to (work that way) because it doesn't anymore. Tabs are resizing instantly which is annoying. Here's my question: is there a setting in about:config that got resetted or something or FF70 doesn't have this function anymore? Thanks!

Asked by wvs 11 months ago

Last reply by jscher2000 11 months ago

  • Archived

custom css not working with 71.0b3 (32-Bit)

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this: t… (read more)

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this:

  1. tabbrowser-tabs .tabbrowser-arrowscrollbox,
  2. tabbrowser-tabs .arrowscrollbox-scrollbox {
   display: block;

}

.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator {

   display: none !important;

}

  1. tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
   display: flex;
   flex-wrap: wrap;
   /*
   display: block;
   */
   overflow-y: auto !important;
   min-height: var(--tab-min-height); /* default */
   max-height: calc(5*var(--tab-min-height)) !important;

}

  1. tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
   flex-grow: 1;
   flex-wrap:wrap;
   min-width: 130px;

max-width: 330px;

   vertical-align: bottom !important;

}

  1. tabbrowser-tabs .tabbrowser-tab,
  2. tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
   height: var(--tab-min-height);

}

  1. tabbrowser-tabs .tabbrowser-tab .tab-stack {
   width: 100%;

}

  1. titlebar-buttonbox {
   display: block !important;
   vertical-align: top !important;

}

  1. main-window[tabsintitlebar] #tabbrowser-tabs {
   -moz-window-dragging: no-drag;   

}

Asked by mein feuerfuchs 11 months ago

Last reply by jscher2000 11 months ago

  • Archived

How do I disable the "microphone is being used" floating window in FireFox

There is already an indicator in the tab and one in the windows taskbar so I don't need a third one that is floating on the top of the window. How do I disable it? … (read more)

There is already an indicator in the tab and one in the windows taskbar so I don't need a third one that is floating on the top of the window. How do I disable it?

Asked by Zecr 1 year ago

Last reply by cor-el 1 year ago

  • Archived

Reduce buffer between Bookmark Toolbar icons?

I just updated from a much older version of Firefox, and now fewer bookmark icons fit in my bookmarks toolbar. I'm hoping there's a way in about:config that I can reduce … (read more)

I just updated from a much older version of Firefox, and now fewer bookmark icons fit in my bookmarks toolbar. I'm hoping there's a way in about:config that I can reduce the buffer space between Bookmarks Toolbar icons.

(Yes, I already deleted the names on the bookmarks in my toolbar, I'm way past that for many years now.)

Would really appreciate some quick pointers on this, since it's dumped 18 icons into the expansion area....

Asked by Josslyn81 1 year ago

Last reply by cor-el 1 year ago

  • Archived

Remove new three-dot button on addressbar?

New three-dot button that was added to the addressbar can be tabbed to and has slowed down my productivity. My usual hotkey combo to search is <ctrl+t> <tab> … (read more)

New three-dot button that was added to the addressbar can be tabbed to and has slowed down my productivity.

My usual hotkey combo to search is <ctrl+t> <tab> <type search string> <enter>. I understand I can replace <tab> with <ctrl+e> to access the searchbar, or that I can <tab> twice - I'm just wondering if there's a way to go back to how it was a few days ago, for muscle-memory-sake?

Addressbar buttons are not customizable via the toolbar customize mode.

Browser: FF(dev)67.0b3 (64-bit) \n Attachment (which doesn't seem to want to upload, here): https://i.imgur.com/IPYJvs9.png \n Edit: No idea why newline is being removed between browser and attachment.

Asked by TheTopMostDog 1 year ago

Last reply by cor-el 1 year ago

  • Archived

WE HATE TABS ON TOP CAN YOU PLEASE STOP BEING PRICKS AND FORCING THIS ON USERS?

Stop, I am about to drop firefox. Since 50 something you changed, and you say its always like that but that is false. You changed tabs on top like in version 40, sinc… (read more)

Stop, I am about to drop firefox. Since 50 something you changed, and you say its always like that but that is false. You changed tabs on top like in version 40, since then we all complain and you insist on this. I am about to drop firefox for good. Stop

Asked by gagayogini 1 year ago

Last reply by HeyMr.DJ 1 year ago