From 70361afbaf12188c466c4d3b51ef80675ed3240f Mon Sep 17 00:00:00 2001
From: Araxeus <78568641+Araxeus@users.noreply.github.com>
Date: Sun, 22 Jan 2023 19:25:29 +0200
Subject: [PATCH] use css instead of js

---
 plugins/in-app-menu/front.js  | 9 +--------
 plugins/in-app-menu/style.css | 9 +++++++++
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/plugins/in-app-menu/front.js b/plugins/in-app-menu/front.js
index 9f93195f..68f76311 100644
--- a/plugins/in-app-menu/front.js
+++ b/plugins/in-app-menu/front.js
@@ -16,13 +16,6 @@ module.exports = (options) => {
 	bar.updateTitle(" ");
 	document.title = "Youtube Music";
 
-	const icon = $('.cet-window-icon');
-
-	icon.style.webkitAppRegion = 'no-drag';
-
-	icon.firstChild.style.webkitUserDrag = 'none';
-	icon.firstChild.style.filter = 'invert(50%)';
-
 	const toggleMenu = () => {
 		if (visible()) {
 			bar.updateMenu(null);
@@ -31,7 +24,7 @@ module.exports = (options) => {
 		}
 	};
 
-	icon.addEventListener('click', toggleMenu);
+	$('.cet-window-icon').addEventListener('click', toggleMenu);
 	ipcRenderer.on("toggleMenu", toggleMenu);
 
 	ipcRenderer.on("refreshMenu", () => {
diff --git a/plugins/in-app-menu/style.css b/plugins/in-app-menu/style.css
index 3805e119..e76e9df7 100644
--- a/plugins/in-app-menu/style.css
+++ b/plugins/in-app-menu/style.css
@@ -80,3 +80,12 @@ yt-page-navigation-progress,
 .cet-menubar-menu-container .cet-action-item {
 	background-color: inherit
 }
+
+.cet-window-icon {
+	-webkit-app-region: no-drag;
+}
+
+.cet-window-icon img {
+	-webkit-user-drag: none;
+    filter: invert(50%);
+}