Add theme: Top PiP

This commit is contained in:
tolgaizdas 2025-05-14 23:59:06 +00:00 committed by GitHub
parent ba690d1db4
commit 3d7b0bdcee
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"
}