mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 00:45:30 +02:00
Add theme: Top PiP
This commit is contained in:
parent
ba690d1db4
commit
3d7b0bdcee
5 changed files with 51 additions and 0 deletions
10
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css
Normal file
10
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
|
||||
.pip-wrapper[position="top-right"] {
|
||||
top: var(--pip-toggle-distanceFromVideoEdge) !important;
|
||||
right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
|
||||
}
|
||||
|
||||
.pip-wrapper[position="top-left"] {
|
||||
top: var(--pip-toggle-distanceFromVideoEdge) !important;
|
||||
left: var(--pip-toggle-distanceFromVideoEdge) !important;
|
||||
}
|
BIN
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png
Normal file
BIN
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 56 KiB |
24
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json
Normal file
24
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json
Normal file
|
@ -0,0 +1,24 @@
|
|||
[
|
||||
{
|
||||
"property": "media.videocontrols.picture-in-picture.video-toggle.position",
|
||||
"label": "Position",
|
||||
"type": "dropdown",
|
||||
"disabledOn": [],
|
||||
"placeholder": "Select PiP position",
|
||||
"defaultValue": "top-right",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default",
|
||||
"value": "right"
|
||||
},
|
||||
{
|
||||
"label": "Top Left",
|
||||
"value": "top-left"
|
||||
},
|
||||
{
|
||||
"label": "Top Right",
|
||||
"value": "top-right"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
2
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md
Normal file
2
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md
Normal file
|
@ -0,0 +1,2 @@
|
|||
|
||||
This Zen Browser mod makes watching videos easier by moving the Picture-in-Picture button to the top right or top left corner of the video. This simple tweak helps you keep the button out of the way and lets you choose where it feels most comfortable.
|
15
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json
Normal file
15
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"id": "1deefdfb-7141-412e-b87b-e70fdf80057f",
|
||||
"name": "Top PiP",
|
||||
"description": "Move the PiP button to the top right or left corner of your videos.",
|
||||
"homepage": "https://github.com/tolgaizdas/top-pip",
|
||||
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css",
|
||||
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png",
|
||||
"author": "tolgaizdas",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2025-05-14",
|
||||
"updatedAt": "2025-05-14",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue