From f9739f7d2499dc44c03ec13f4e6d99f3430c8053 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 27 Dec 2021 00:02:29 -0800
Subject: [PATCH] CSS optimizations for HW acceleration disabled

---
 index.js                |  1 +
 src/main/cider-base.js  |  4 ++++
 src/renderer/index.js   |  3 +++
 src/renderer/style.less | 24 ++++++++++++++++++++++++
 4 files changed, 32 insertions(+)

diff --git a/index.js b/index.js
index 307027e7..40d8fe37 100644
--- a/index.js
+++ b/index.js
@@ -83,6 +83,7 @@ app.on('ready', () => {
     if (app.isQuiting) { app.quit(); return; }
     app.commandLine.appendSwitch('high-dpi-support', 1)
     app.commandLine.appendSwitch('force-device-scale-factor', 1)
+    app.commandLine.appendSwitch('disable-pinch');
     
     console.log('[Cider] Application is Ready. Creating Window.')
     if (!app.isPackaged) {
diff --git a/src/main/cider-base.js b/src/main/cider-base.js
index 92455dff..db49969f 100644
--- a/src/main/cider-base.js
+++ b/src/main/cider-base.js
@@ -108,6 +108,10 @@ const CiderBase = {
             event.returnValue = process.platform
         })
 
+        ipcMain.on("get-gpu-mode", (event) => {
+            event.returnValue = process.platform
+        })
+
         ipcMain.on("is-dev", (event) => {
             event.returnValue = !app.isPackaged
         })
diff --git a/src/renderer/index.js b/src/renderer/index.js
index 16e3997d..2dda44f5 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -340,6 +340,9 @@ const app = new Vue({
             if(this.isDev) {
                 this.mk.privateEnabled = true
             }
+            if(this.cfg.visual.hw_acceleration == "disabled") {
+                document.body.classList.add("no-gpu")
+            }
             this.mk._services.timing.mode = 0
             this.platform = ipcRenderer.sendSync('cider-platform');
             // Set profile name
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 7b778573..8f6f3097 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3174,4 +3174,28 @@ input[type=checkbox][switch]:checked:active::before {
 
 .albums-square-container {
   text-align: center;
+}
+
+body.no-gpu {
+  #navigation-bar {
+    backdrop-filter: unset;
+    mix-blend-mode: unset;
+    background: rgb(0 0 0);
+  }
+
+  .app-drawer {
+    backdrop-filter: unset;
+    mix-blend-mode: unset;
+    background: #1c1c1c;
+  }
+
+  .wpfade-enter-active,
+  .wpfade-leave-active {
+    transition: opacity 0s var(--appleEase);
+  }
+
+  .wpfade-enter,
+  .wpfade-leave-to {
+    opacity: 0;
+  }
 }
\ No newline at end of file