diff --git a/themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css new file mode 100644 index 00000000..19160308 --- /dev/null +++ b/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; + } + } +} diff --git a/themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png new file mode 100644 index 00000000..b877fa33 Binary files /dev/null and b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png differ diff --git a/themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json new file mode 100644 index 00000000..5dd7a968 --- /dev/null +++ b/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" + } +] \ No newline at end of file diff --git a/themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md new file mode 100644 index 00000000..1e5bf435 --- /dev/null +++ b/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 diff --git a/themes/c8f20381-388a-4b67-b640-eaa539355ea4/theme.json b/themes/c8f20381-388a-4b67-b640-eaa539355ea4/theme.json new file mode 100644 index 00000000..489dfc24 --- /dev/null +++ b/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"} \ No newline at end of file