smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-11 18:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix precise-volume position in PiP

Browse Source
This commit is contained in:
Araxeus
2022-04-11 01:07:07 +03:00
parent 30840804fa
commit 0f192aab2b
2 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/picture-in-picture/front.js
View File

@ -33,15 +33,14 @@ const listenForToggle = () => {
const clonedExitButton = originalExitButton.cloneNode(true);
clonedExitButton.onclick = () => togglePictureInPicture();
const player = $('#player');
const onPlayerDblClick = player.onDoubleClick_;
const playerBar = $("ytmusic-player-bar");
const appLayout = $("ytmusic-app-layout");
const expandMenu = $('#expanding-menu');
const middleControls = $('.middle-controls');
const playerPage = $("ytmusic-player-page");
const togglePlayerPageButton = $(".toggle-player-page-button");
const fullScreenButton = $(".fullscreen-button");
const player = $('#player');
const onPlayerDblClick = player.onDoubleClick_;
ipcRenderer.on('pip-toggle', (_, isPip) => {
if (isPip) {
@ -52,13 +51,13 @@ const listenForToggle = () => {
togglePlayerPageButton.click();
}
fullScreenButton.click();
playerBar.classList.add("pip");
appLayout.classList.add("pip");
} else {
$(".exit-fullscreen-button").replaceWith(originalExitButton);
player.onDoubleClick_ = onPlayerDblClick;
expandMenu.onmouseleave = undefined;
originalExitButton.click();
playerBar.classList.remove("pip");
appLayout.classList.remove("pip");
}
});
}

17
plugins/picture-in-picture/style.css
View File

@ -1,14 +1,21 @@
ytmusic-player-bar.pip svg,
ytmusic-player-bar.pip .time-info,
ytmusic-player-bar.pip yt-formatted-string,
ytmusic-player-bar.pip .yt-formatted-string {
/* improve visibility of the player bar elements */
ytmusic-app-layout.pip ytmusic-player-bar svg,
ytmusic-app-layout.pip ytmusic-player-bar .time-info,
ytmusic-app-layout.pip ytmusic-player-bar yt-formatted-string,
ytmusic-app-layout.pip ytmusic-player-bar .yt-formatted-string {
filter: drop-shadow(2px 4px 6px black);
color: white !important;
fill: white !important;
}
ytmusic-player-bar.pip ytmusic-player-expanding-menu {
/* improve the style of the player bar expanding menu */
ytmusic-app-layout.pip ytmusic-player-expanding-menu {
border-radius: 30px;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px) brightness(20%);
}
/* fix volumeHud position when both in-app-menu and PiP are active */
.cet-container ytmusic-app-layout.pip #volumeHud{
top: 22px !important;
}