firefox v57 sidebar bookmarks spacing
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?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the 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 👍 4All Replies (7)
Chosen Solution
Can you attach a screenshot?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the 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; }
Modified by SolomonE
Can you provide a version of that code that works with the Bookmarks menu, SolomonE?
Modified by Curufinwe
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!