This commit is contained in:
Zen Release Bot 2025-06-25 14:16:53 -04:00 committed by GitHub
commit 738b15f43f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 51 additions and 0 deletions

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

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

View 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.

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