Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Cerca nel supporto

Attenzione alle mail truffa. Mozilla non chiederà mai di chiamare o mandare messaggi a un numero di telefono o di inviare dati personali. Segnalare qualsiasi attività sospetta utilizzando l'opzione “Segnala abuso”.

Ulteriori informazioni
Questa discussione è archiviata. Inserire una nuova richiesta se occorre aiuto.
Stato della soluzione Archiviato

firefox v57 sidebar bookmarks spacing

Curufinwe risposto
Hakan

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

Tutte le risposte (7)

Soluzione scelta

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.

Worked ! Thanks a lot

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;
 }

Modificato da SolomonE il

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

Modificato da Curufinwe il

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;

}

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;
 }

Thanks so much!