Bookmarks Menu Folders - Add Scroll Bars
Posted: 2023-03-27, 12:16
There's an old saying that you wait a long time at a bus stop... and then two buses come along at once! 
So it was yesterday with finding CSS userstyles that add scroll bars to long Bookmark Menu folders. I'd looked in the past, found several suggested scroll bar userstyles, tried and tweaked them, but without much success... then gave up looking for years!
Here is a very neat 'Bookmark Menu folder scroll bar' userstyle that works well with both Basilisk and Pale Moon:
Basilisk on Windows 7 + a long Bookmark Menu folder with an added scroll bar.
(The scroll bar implementation is perhaps even neater on Windows 10!
)
--------------------
BTW - The eagle-eyed might notice in the screenshot (above) that Basilisk's 'Bookmarks Menu button' is on the far left-hand end of the navigation toolbar... not the expected Bookmark Star button?
A personal preference... achieved by another small CSS userstyle that 'swaps' over the positions of Basilisk's 'combined' Bookmark Menu & Bookmark Star buttons... incidentally, another userstyle kindly provided by a 'cor-el' answer on Mozilla Support (SUMO):
--------------------
So it was yesterday with finding CSS userstyles that add scroll bars to long Bookmark Menu folders. I'd looked in the past, found several suggested scroll bar userstyles, tried and tweaked them, but without much success... then gave up looking for years!
Here is a very neat 'Bookmark Menu folder scroll bar' userstyle that works well with both Basilisk and Pale Moon:
Code: Select all
/* --- 'Scroll Bar on Bookmarks' topic - SUMO Q&A - CSS userstyle by 'cor-el' --- */
/* --- From: https://support.mozilla.org/en-US/questions/1000428 --- */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#bookmarksMenuPopup scrollbox,
#bookmarks-menu-button scrollbox,
#PlacesChevronPopup scrollbox,
#PlacesToolbarItems scrollbox {overflow-y:auto!important}
#bookmarksMenuPopup autorepeatbutton,
#bookmarks-menu-button autorepeatbutton,
#PlacesChevronPopup autorepeatbutton,
#PlacesToolbarItems autorepeatbutton {display:none!important}
(The scroll bar implementation is perhaps even neater on Windows 10!
)--------------------
BTW - The eagle-eyed might notice in the screenshot (above) that Basilisk's 'Bookmarks Menu button' is on the far left-hand end of the navigation toolbar... not the expected Bookmark Star button?
A personal preference... achieved by another small CSS userstyle that 'swaps' over the positions of Basilisk's 'combined' Bookmark Menu & Bookmark Star buttons... incidentally, another userstyle kindly provided by a 'cor-el' answer on Mozilla Support (SUMO):
Code: Select all
/* --- 'Swap bookmarks menu with bookmarks star button' topic - SUMO Q&A - CSS userstyle by 'cor-el' --- */
/* --- From: https://support.mozilla.org/en-US/questions/1035500 --- */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#bookmarks-menu-button > dropmarker {-moz-box-ordinal-group: 0 !important;}
Off-topic:
PS. The other bus... which actually came along first. Its successful implementation provided the spur to look again for a Pale Moon & Basilisk solution to having scroll bars available for those very long Bookmark Menu folders.
For anyone into having multiple browsers on hand... this is the very neat CSS userstyle to achieve the same 'Bookmark Menu folder scroll bars' with current Firefox, Firefox ESR, and LibreWolf. Had not seen this userstyle before (as yet of 'unknown' origin):
PS. The other bus... which actually came along first. Its successful implementation provided the spur to look again for a Pale Moon & Basilisk solution to having scroll bars available for those very long Bookmark Menu folders.
For anyone into having multiple browsers on hand... this is the very neat CSS userstyle to achieve the same 'Bookmark Menu folder scroll bars' with current Firefox, Firefox ESR, and LibreWolf.
Had not seen this userstyle before (as yet of 'unknown' origin):Code: Select all
/* --- Scroll bars for long Bookmark Menu folders - latest Firefox/LibreWolf --- */
[placespopup="true"] { --allow-scroll-bar: auto; }
scrollbox[part="scrollbox"] { overflow-y: var(--allow-scroll-bar, inherit) !important; }