mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: Right On Hover Sidebar (#510)
Co-authored-by: p2d0 <p2d0@users.noreply.github.com>
This commit is contained in:
parent
6311e3ce14
commit
b83fab555e
5 changed files with 58 additions and 0 deletions
27
themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css
Normal file
27
themes/c8f20381-388a-4b67-b640-eaa539355ea4/chrome.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png
Normal file
BIN
themes/c8f20381-388a-4b67-b640-eaa539355ea4/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 9 KiB |
20
themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json
Normal file
20
themes/c8f20381-388a-4b67-b640-eaa539355ea4/preferences.json
Normal 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"
|
||||||
|
}
|
||||||
|
]
|
10
themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md
Normal file
10
themes/c8f20381-388a-4b67-b640-eaa539355ea4/readme.md
Normal 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
|
1
themes/c8f20381-388a-4b67-b640-eaa539355ea4/theme.json
Normal file
1
themes/c8f20381-388a-4b67-b640-eaa539355ea4/theme.json
Normal 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"}
|
Loading…
Add table
Add a link
Reference in a new issue