MozillaZine

ESR update to 68.2 from 60.9

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

Post Posted October 31st, 2019, 3:02 pm

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.

Clueless in Seattle

User avatar
 
Posts: 424
Joined: March 27th, 2006, 11:58 am
Location: duh!

Post Posted November 1st, 2019, 12:04 pm

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: 513
Joined: January 30th, 2019, 9:38 am

Post Posted November 1st, 2019, 4:18 pm

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.

Clueless in Seattle

User avatar
 
Posts: 424
Joined: March 27th, 2006, 11:58 am
Location: duh!

Post Posted November 7th, 2019, 9:02 am

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.php?f=38&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"

Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 9 guests