remove titlebar from in-app-menu+PiP

Results in an experience similar to the native PiP, except plugins can work (for example precise-volume)
This commit is contained in:
Araxeus
2023-02-10 17:49:40 +02:00
parent 7bdbab5a2d
commit 5dd8d1a274
5 changed files with 31 additions and 53 deletions

View File

@ -54,6 +54,8 @@ const listenForToggle = () => {
const player = $('#player');
const onPlayerDblClick = player.onDoubleClick_;
const titlebar = $('.cet-titlebar');
ipcRenderer.on('pip-toggle', (_, isPip) => {
if (isPip) {
replaceButton(".exit-fullscreen-button", originalExitButton).onclick = () => togglePictureInPicture();
@ -64,12 +66,14 @@ const listenForToggle = () => {
}
fullScreenButton.click();
appLayout.classList.add("pip");
if (titlebar) titlebar.style.display = 'none';
} else {
$(".exit-fullscreen-button").replaceWith(originalExitButton);
player.onDoubleClick_ = onPlayerDblClick;
expandMenu.onmouseleave = undefined;
originalExitButton.click();
appLayout.classList.remove("pip");
if (titlebar) titlebar.style.display = 'flex';
}
});
}
@ -80,7 +84,7 @@ function observeMenu(options) {
() => {
listenForToggle();
// remove native listeners
cloneButton(".player-minimize-button").onclick = () => {
cloneButton(".player-minimize-button").onclick = () => {
global.togglePictureInPicture();
setTimeout(() => $('#player').click());
};