ESR update to 68.2 from 60.9

User Help for Mozilla Firefox
kerft
Posts: 585
Joined: January 30th, 2019, 9:38 am

Re: ESR update to 68.2 from 60.9

Post by kerft »

If you have no userChrome.css already, this site has instructions and a video of how to make one and change your about:config to make it use it. https://www.userchrome.org/how-create-u ... e-css.html
Then you have to add the code posted before into the userChrome.css you just made.
User avatar
Clueless in Seattle
Posts: 503
Joined: March 27th, 2006, 11:58 am
Location: duh!

Re: ESR update to 68.2 from 60.9

Post by Clueless in Seattle »

Thanks, kerft!

I just searched my C: drive and found that I do indeed have Chrome.css file dated 9/8/2018.

The very first item in the file is this:

Code: Select all

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
Should I delete that and replace it with the code provided previously in this thread?
_____________
Will in Seattle
a.k.a. "Clueless"
kerft
Posts: 585
Joined: January 30th, 2019, 9:38 am

Re: ESR update to 68.2 from 60.9

Post by kerft »

That part should be replaced with the new code, yes. Also go to URL address about:config and find toolkit.legacyUserProfileCustomizations.stylesheets and double click it to set it to true.
User avatar
Clueless in Seattle
Posts: 503
Joined: March 27th, 2006, 11:58 am
Location: duh!

Re: ESR update to 68.2 from 60.9

Post by Clueless in Seattle »

EDIT: It's been a week since I posted this and since there've been no responses, I started a new thread for my query with the subject : "Tabs below bookmarks toolbar in 68.2.0esr ?" http://forums.mozillazine.org/viewtopic ... &t=3056730

Hi again, kerft,

Sad to say, that didn't work. It scrambled up my toolbars. I can't figure out how to paste an image into this message, but here's a link that may work:

https://flic.kr/p/2hGxy7C

Here's what the userChrome.css file looked like after I pasted in that code:

Code: Select all

 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* (Remove the existing code that does not work in v66, but does in v62 etc.) */

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon {
  display: none !important;
}
/* Clean up spacing */
.titlebar-placeholder {
  display: none !important;
}
toolbarbutton.bookmark-item {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Vertical space for min/max/close buttons above the main toolbar */
/* On Mac, if not showing title bar, allow 20 pixels */
#main-window[tabsintitlebar="true"]:not([inFullscreen="true"]) #toolbar-menubar:not([accesskey]) ~  #nav-bar {
  margin-top: 20px !important;
}
/* On Windows, if not showing title bar or menu bar, allow 20 pixels */
#main-window[tabsintitlebar="true"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
  margin-top: 20px !important; /* More px may be better on Win10 */
}
/* Sorry, Linux users, I don't know the best approach for you! */

/* Background for Light and Dark themes */
#main-window[lwthemetextcolor="bright"] #TabsToolbar, 
#main-window[lwthemetextcolor="dark"] #TabsToolbar {
  background-color: var(--chrome-secondary-background-color) !important;
  background-image: none !important;
}
#main-window[lwthemetextcolor="dark"] .scrollbutton-up,
#main-window[lwthemetextcolor="dark"] .scrollbutton-down,
#main-window[lwthemetextcolor="dark"] .tabs-newtab-button,
#main-window[lwthemetextcolor="dark"] #new-tab-button,
#main-window[lwthemetextcolor="dark"] #alltabs-button {
  fill: var(--lwt-text-color) !important;
}
/* Left and right borders on Win 7 & 8, but not on 10 and later: */
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
  /* Vertical toolbar border */
  #main-window[sizemode=normal] #navigator-toolbox > toolbar#TabsToolbar {
    border-left: 1px solid hsla(240,5%,5%,0.3) !important;;
    border-right: 1px solid hsla(240,5%,5%,0.3) !important;;
    background-clip: padding-box;
  }
}

/* Override vertical shifts when moving a tab (9 Jan 2018) */
#TabsToolbar[movingtab] {
  padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
  margin-top: 0 !important;
}
/* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on:
Hide bookmarks bar items label text, show on hover. */

.bookmark-item > .toolbarbutton-text {
  margin-top: -1px !important;
}
.bookmark-item {
  margin: -1px !important;
}

.bookmark-item:not([container]):not([open="true"]) > .toolbarbutton-text {
  display: none !important;
}

#PlacesToolbarItems > .bookmark-item:not([container]):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
  margin-inline-end: 0px !important;
}
Can you see anything that could produce that scrambled display?
_____________
Will in Seattle
a.k.a. "Clueless"
Post Reply