https://github.com/zvuc/firefox-sliding-bookmarks-bar

Sliding bookmarks bar userChrome.css tweak for Firefox (71.0+) on macOS
https://github.com/zvuc/firefox-sliding-bookmarks-bar

Last synced: 13 days ago
JSON representation

Sliding bookmarks bar userChrome.css tweak for Firefox (71.0+) on macOS

• Host: GitHub
• URL: https://github.com/zvuc/firefox-sliding-bookmarks-bar
• Owner: zvuc
• Created: 2019-12-04T11:49:41.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-08-22T12:05:58.000Z (3 months ago)
• Last Synced: 2024-08-23T13:22:21.311Z (3 months ago)
• Language: CSS
• Homepage:
• Size: 15.6 KB
• Stars: 34
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        


# Sliding Bookmarks Bar userChrome.css tweak for Firefox (108.0+) on macOS

Makes your Firefox bookmarks bar slide out only when you hover over the navbar, making it look more clean and simple.

This tweak existed ever since 2011 in [userstyles.org](https://userstyles.org/styles/48051/firefox-sliding-bookmarks-bar-mac), with fixes and adjustments applied every time Firefox version went up and introduced breaking changes. Now it lives here.

**This is guaranteed to work on macOS only!**

You'll have to manually tweak px values if you want to make it work on your non-macOS environment.

## How to apply

Please refer to this wonderful guide at [userchrome.org](https://www.userchrome.org/how-create-userchrome-css.html) for how to set up your own `userChrome.css` file to enable customizations for the Firefox UI.

Once you have a blank (or existing) userChrome.css file in your Firefox profiles folder, copy-and-paste the code included in the `sliding-bookmarks-bar.css` file. 

As a bonus, if you want to show only icons on your bookmarks bar to make it look more compact (see the GIF image above), copy and paste the code in `compact-bookmarks.css` file in the same `userChrome.css` file as well.

## ⚠️ Not on macOS?

This tweak is designed & tested for macOS Firefox only. I can't guarantee it will work for different platforms (e.g: Linux). If you still want to try, you might want to tweak the `--toolbar-offset-height` variable value to fit your environment. (See [Issue #4](https://github.com/zvuc/firefox-sliding-bookmarks-bar/issues/4))

## See also

[Firefox macOS native translucent Tabbar tweak](https://github.com/zvuc/firefox-macos-native-tabbar) - Replaces default black-and-white theme with a more native-looking light/dark compatible translucent tabbar.

## License

MIT License