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"; /
Firefox
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?
autocomplete-richlistitem order no longer works
For a few months I have been using a userChrome.css customisation which displayed a URL at the beginning of each drop down autocomplete result for the URL Bar (normally a… (read more)
For a few months I have been using a userChrome.css customisation which displayed a URL at the beginning of each drop down autocomplete result for the URL Bar (normally a useless page title is displayed).
Here is the thread where I got the script from (thanks for your help, jscher2000): https://support.mozilla.org/en-US/questions/1256581
Today I upgraded to Firefox 68 and it stopped working. Autocomplete results now display website title first, which is completely unreadable and pointless.
My userChrome.css definitely works, because if I add the following line at the end:
- { color: red !important; }
then the text becomes red.
Unfortunately changing the order of autocomplete results so that the URL is first, has no effect.
Here is the entire content of my userChrome.css
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
.ac-url-text { color: black !important; font-size: 12px !important; }
.ac-url-text[selected="true"] { color: white !important; }
.ac-site-icon { display: none !important; }
/* Site Identity Button, EV: hide label */
#identity-box #identity-icon-labels {display:none !important}
#identity-box:hover #identity-icon-labels {display:-moz-box !important}
/* Squash tab bar to 1px tall and hide the tabs */
#TabsToolbar
{
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
}
#TabsToolbar .tabbrowser-tab
{
display: none !important;
}
#PopupAutoCompleteRichResult {
margin-left: -9px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
width: auto !important;
max-width: 78vw !important;
}
/* Oldbar flex layout based on
https://userstyles.org/styles/131235/firefox-autocomplete-prioritize-url
used with permission, new errors my own */
.autocomplete-richlistitem[type="favicon"],
.autocomplete-richlistitem[type="bookmark"],
.autocomplete-richlistitem[type="switchtab"] {
display: flex;
}
.autocomplete-richlistitem[type="favicon"] .ac-url,
.autocomplete-richlistitem[type="bookmark"] .ac-url,
.autocomplete-richlistitem[type="switchtab"] .ac-url {
order: 1;
display: block !important; /* Force URL for Switch to Tab */
}
.autocomplete-richlistitem[type="favicon"] .ac-separator,
.autocomplete-richlistitem[type="bookmark"] .ac-separator,
.autocomplete-richlistitem[type="switchtab"] .ac-separator {
order: 2;
-moz-margin-start: 2px;
-moz-margin-end: 4px;
}
.autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {
visibility: hidden !important;
-moz-margin-start: 0;
-moz-margin-end: 0;
}
.autocomplete-richlistitem[type="favicon"] .ac-title,
.autocomplete-richlistitem[type="bookmark"] .ac-title,
.autocomplete-richlistitem[type="switchtab"] .ac-title {
order: 3;
}
.autocomplete-richlistitem[type="switchtab"] .ac-action,
.autocomplete-richlistitem .ac-tags {
order: 4;
}
/* Overall Layout of the "Oldbar" style at 65/35 */
/* Drop-down width */
#PopupAutoCompleteRichResult {
max-width: 1000px !important;
}
/* Space allocated to URL and title */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url-text {
min-width: calc(0.65 * (1000px - 200px)) !important;
max-width: calc(0.65 * (1000px - 200px)) !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text {
min-width: calc(0.35 * (1000px - 200px)) !important;
max-width: calc(0.35 * (1000px - 200px)) !important;
}
.autocomplete-richlistitem .ac-type-icon,
.autocomplete-richlistitem .ac-site-icon,
.autocomplete-richlistitem .ac-tags {
margin-top: 6px;
}
/* Font-sizes */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
font-size: 14px !important;
}
.autocomplete-richlistitem .ac-url,
.autocomplete-richlistitem .ac-action {
margin-top: 4px;
}
/* Remove Page Actions Menu */
#pageActionButton
{
display: none !important;
}
/* Reduce height of URL Bar drop down */
#PopupAutoCompleteRichResult .autocomplete-richlistitem
{
height: 26px !important;
min-height: 26px !important;
}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!
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:
- tabbrowser-tabs .tabbrowser-arrowscrollbox,
- tabbrowser-tabs .arrowscrollbox-scrollbox {
display: block;
}
.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator {
display: none !important;
}
- 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;
}
- tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
flex-grow: 1; flex-wrap:wrap; min-width: 130px;
max-width: 330px;
vertical-align: bottom !important;
}
- tabbrowser-tabs .tabbrowser-tab,
- tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
height: var(--tab-min-height);
}
- tabbrowser-tabs .tabbrowser-tab .tab-stack {
width: 100%;
}
- titlebar-buttonbox {
display: block !important; vertical-align: top !important;
}
- main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
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.
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 */
- 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.