From 4aaa599f9983f1c7d61b3e26ccc3e24c638225af Mon Sep 17 00:00:00 2001 From: nitro <143457057+n7itro@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:21:38 +0200 Subject: [PATCH 1/2] Bookmark Toolbar Tweaks theme update Adds expand-on-hover and expand-on-search feature --- themes.json | 2 +- .../chrome.css | 29 +++++++++++++++++++ .../preferences.json | 2 +- .../readme.md | 3 +- 4 files changed, 33 insertions(+), 3 deletions(-) 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..6dc32d0e 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 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. \ No newline at end of file From 0db7d774fe12577b243b13db5f4d0baffff285bb Mon Sep 17 00:00:00 2001 From: nitro <143457057+n7itro@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:56:25 +0200 Subject: [PATCH 2/2] Update readme.md --- themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md index 6dc32d0e..ea3e98c8 100644 --- a/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md +++ b/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/readme.md @@ -2,10 +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 +- 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 or improvements on the homepage. \ No newline at end of file +Feel free to suggest additional tweaks or improvements on the homepage.