Add theme: Right On Hover Sidebar (#510)

Co-authored-by: p2d0 <p2d0@users.noreply.github.com>
This commit is contained in:
mauro 🤙 2024-10-06 18:25:37 +02:00 committed by GitHub
parent 6311e3ce14
commit b83fab555e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 58 additions and 0 deletions

View file

@ -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;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 KiB

View file

@ -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"
}
]

View file

@ -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

View file

@ -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"}