Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

firefox v57 sidebar bookmarks spacing

  • 7 replies
  • 24 have this problem
  • 22 views
  • Last reply by Curufinwe

Hakan
Hakan
more options

Hi,

Bookmark sidebar spacing is annoyingly large in firefox since version 56. Since some time, I was using following solutions to solve this bookmarks sidebar spacing problem. I used stylish and it worked. Now, since version 56, the below solutions do not work.

https://support.mozilla.org/en-US/questions/976555 https://support.mozilla.org/en-US/questions/975714#answer-495296

Any help appreciated that

Thanks

Hi, Bookmark sidebar spacing is annoyingly large in firefox since version 56. Since some time, I was using following solutions to solve this bookmarks sidebar spacing problem. I used stylish and it worked. Now, since version 56, the below solutions do not work. https://support.mozilla.org/en-US/questions/976555 https://support.mozilla.org/en-US/questions/975714#answer-495296 Any help appreciated that Thanks

Chosen solution

Can you attach a screenshot?

Note that in Firefox 57+ you can no longer use an extension like Stylish or Stylus to modify the user interface. You will have to use code in userChrome.css instead.

Read this answer in context 👍 4

All Replies (7)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

Can you attach a screenshot?

Note that in Firefox 57+ you can no longer use an extension like Stylish or Stylus to modify the user interface. You will have to use code in userChrome.css instead.

Hakan
Hakan Question owner
more options

Worked ! Thanks a lot

SolomonE
SolomonE
more options

The following is the code that worked for me to solve this and view sidebar bookmarks closely packed in Firefox 57.0: 

 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
 /* location for this file
    ~/.mozilla/firefox/default-[number]/chrome/userChrome.css */
 
 
 /* uncomment for red signal that changes in this file have an effect */
 /*
 menubar {
   background-color: red;
 }
  */
 
 /* change sidebar font style */
 #bookmarks-view {
   font-size: 10pt !important;
   font-family: DejaVu Sans !important;
   border-width: 0px !important; 
   padding: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* negative amounts, when allowed, can pack lines close */
 #bookmarks-view treechildren::-moz-tree-row {
    margin-top: -2px !important;
    margin-bottom: -2px !important;
 }

Modified by SolomonE

Curufinwe
Curufinwe
more options

Can you provide a version of that code that works with the Bookmarks menu, SolomonE?

Modified by Curufinwe

Hakan
Hakan Question owner
more options

Hi,

This is how I fixed the issue on MacOSX. I have not tested it on other OS.

Hope this helps

I - Go to Profile Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/

2 - Create 'chrome' Folder: /Users/username/Library/Application Support/Firefox/Profiles/xxxxx.default/chrome/

3 - Create 'userChrome.css' file and edit as following:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .sidebar-placesTree treechildren::-moz-tree-row { 

   height: 1.4em !important;
   border-width: 1px !important;

}

SolomonE
SolomonE
more options

Curufinwe, I wrote a way to adjust the fonts and line spacing separately for three different sorts of bookmark menus.

(When hacking on this, use Menu -> Tools -> Web Developer -> Browser Console to look for CSS errors, if it stops doing what you want.)

userChrome.css : 

 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* Bookmarks sidebar: */ 
 #bookmarks-view {
   font-size: 10pt !important;
   padding: 9px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 #bookmarks-view treechildren::-moz-tree-row {
   min-height: 12px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* Bookmarks from main menu: */
 #bookmarksMenuPopup menu,
 #bookmarksMenuPopup menuitem {
   font-size: 10pt !important; 
   min-height: 16px !important;
   max-height: 16px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 
 /* Bookmarks Toolbar: */
 #PersonalToolbar {
   font-size: 10pt !important;
   margin-bottom: 3px !important;
 }  
 #PersonalToolbar menu,
 #PersonalToolbar menuitem {
   font-size: 10pt !important;
   min-height: 16px !important;
   max-height: 16px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
Curufinwe
Curufinwe
more options

Thanks so much!