Merge pull request #68 from n7itro/main

Bookmark Toolbar Tweaks theme update

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",

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);
+    }
+}

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"}
+{"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"}

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.