Add theme: Right On Hover Sidebar (#510)

Co-authored-by: p2d0 <p2d0@users.noreply.github.com>

themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css

@@ -0,0 +1,27 @@
+
+#zen-sidebar-web-panel:not([pinned="true"]) {
+    width: var(--uc-right_on_hover_sidebar-width)!important;
+}
+
+#zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[pinned="true"])) {
+    transition: all 0.2s ease-in-out!important;
+    height: 100%;
+    z-index: 1;
+    opacity: 0;
+    width: var(--uc-right_on_hover_sidebar-width);
+    position:absolute!important;
+    right: calc(0px - var(--uc-right_on_hover_sidebar-width) + var(--uc-right_on_hover_sidebar-hover_width));
+    top: 0;
+    &:hover {
+        opacity: 1;
+        transform: translateX(var(--zen-element-separation));
+        right:0;
+    }
+    @media (-moz-bool-pref: "uc.right_on_hover_sidebar.stay_on_focus") {
+        &:focus-within {
+            opacity: 1;
+            transform: translateX(var(--zen-element-separation));
+            right:0;
+        }
+    }
+}

themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json

@@ -0,0 +1,20 @@
+[
+    {
+        "property": "uc.right_on_hover_sidebar.stay_on_focus",
+        "label": "Stay on focus",
+        "type": "checkbox",
+        "disabledOn": []
+    },
+    {
+        "property": "uc.right_on_hover_sidebar.width",
+        "label": "Set sidebar width",
+        "type": "string",
+        "defaultValue": "300px"
+    },
+    {
+        "property": "uc.right_on_hover_sidebar.hover_width",
+        "label": "Set sidebar hover trigger width",
+        "type": "string",
+        "defaultValue": "2px"
+    }
+]

themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md

@@ -0,0 +1,10 @@
+
+# Right On Hover Sidebar
+
+Web Panels sidebar that popups on hover on the right (like compact mode)
+
+## Options
+
+- Stay on focus
+- Set sidebar width
+- Set sidebar hover trigger width

themes/c8f20381-388a-4b67-b640-eaa539355ea4/theme.json

@@ -0,0 +1 @@
+{"id": "c8f20381-388a-4b67-b640-eaa539355ea4", "name": "Right On Hover Sidebar", "description": "Web Panels sidebar that popups on hover on the right (like compact mode)", "homepage": "", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png", "author": "p2d0", "version": "1.0.0", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json"}