From bedf5da5134360f5031dbd5ea78f0ccb2937c99b Mon Sep 17 00:00:00 2001 From: soulhotel <155501797+soulhotel@users.noreply.github.com> Date: Sun, 29 Jun 2025 00:29:41 -0400 Subject: [PATCH] Makes the bookmarks toolbar scrollable (#557) * Makes the bookmarks toolbar scrollable * Update scrollable_bookmarks_toolbar.css * Make the bookmarks toolbar scrollable (comment corrections) --- chrome/scrollable_bookmarks_toolbar.css | 36 +++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 chrome/scrollable_bookmarks_toolbar.css diff --git a/chrome/scrollable_bookmarks_toolbar.css b/chrome/scrollable_bookmarks_toolbar.css new file mode 100644 index 0000000..81fd90f --- /dev/null +++ b/chrome/scrollable_bookmarks_toolbar.css @@ -0,0 +1,36 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/scrollable_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Makes the bookmarks toolbar scrollable via mouse scroll or scrollbar */ + +/* allow scrolling */ +#PlacesToolbarItems { + overflow-x: auto !important; +} + +/* restore visibility of hidden bookmarks */ +.bookmark-item { + visibility: initial !important +} + +/* hide overflow menu */ +#PlacesToolbar #PlacesChevron { + visibility: collapse !important; +} + +/* force thin scrollbar */ +#PlacesToolbarItems { + scrollbar-width: thin !important; +} + +/* +When the Browser Window reaches a small enough width or the amount of Bookmarks overlap the browsers width, overlapping bookmark items are: +1. set to hidden. +2. duplicated into the overflow menu. + +This style will simply: +1. enable scrolling on the toolbar. +2. restore visibility of hidden bookmarks. + +You can use the scrollable toolbar alongside the overflow menu by removing Lines 16-19 +*/