diff --git a/themes.json b/themes.json index ae1d73e8..10a556b3 100644 --- a/themes.json +++ b/themes.json @@ -54,7 +54,7 @@ "ea1a5ace-f698-4b45-ab88-6e8bd3a563f0": { "id": "ea1a5ace-f698-4b45-ab88-6e8bd3a563f0", "name": "Bookmark Toolbar Tweaks", - "description": "Center bookmarks, hide the icons!", + "description": "Center bookmarks, expand on hover, and more!", "homepage": "https://github.com/n7itro/Zen-Themes/", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md", diff --git a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css index f50a9701..fd9ee176 100644 --- a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css +++ b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css @@ -19,3 +19,32 @@ display: none; } } + +@media (-moz-bool-pref: "uc.bookmarks.expand-on-search") or (-moz-bool-pref: "uc.bookmarks.expand-on-hover") { + #PersonalToolbar:not([customizing]) { + position: relative; + margin-bottom: -35px; + transform: rotateX(90deg); + transform-origin: top; + transition: transform 135ms linear 600ms; + z-index: 1; + } +} + +/* Expand the bookmarks toolbar by hovering */ +@media (-moz-bool-pref: "uc.bookmarks.expand-on-hover") { + #zen-appcontent-navbar-container:hover { + #PersonalToolbar { + transition-delay: 100ms; + transform: rotateX(0deg); + } + } +} + +/* Expand the bookmarks toolbar when you search */ +@media (-moz-bool-pref: "uc.bookmarks.expand-on-search") { + #nav-bar:focus-within + #PersonalToolbar{ + transition-delay: 100ms; + transform: rotateX(0deg); + } +} \ No newline at end of file diff --git a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/preferences.json b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/preferences.json index c7d80c84..bd315e4d 100644 --- a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/preferences.json +++ b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/preferences.json @@ -1 +1 @@ -{"uc.bookmarks.center-toolbar": "Center the bookmarks toolbar", "uc.bookmarks.hide-folder-icons": "Hide folder icons", "uc.bookmarks.hide-favicons": "Hide website icons"} \ No newline at end of file +{"uc.bookmarks.center-toolbar": "Center the bookmarks toolbar", "uc.bookmarks.hide-folder-icons": "Hide folder icons", "uc.bookmarks.hide-favicons": "Hide website icons", "uc.bookmarks.expand-on-hover": "Expand the bookmarks toolbar by hovering", "uc.bookmarks.expand-on-search": "Expand the bookmarks toolbar when you search"} \ No newline at end of file diff --git a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md index bdcfd999..ea3e98c8 100644 --- a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md +++ b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md @@ -2,9 +2,10 @@ This theme contains a few small tweaks to the bookmarks toolbar: - Center the toolbar - Hide bookmark or bookmark folder icons +- Expand the toolbar on hover or search (only works with bookmarks toolbar enabled) Each of these settings can be enabled individually by changing the configuration in the settings page. To enable the bookmarks toolbar, press Ctrl + Shift + B -Feel free to suggest additional tweaks. +Feel free to suggest additional tweaks or improvements on the homepage.