miniplayer settings toggle to appear on top of windows.

working on linux, probs working elsewhere reading documentation.

src/main/base/store.ts

@@ -60,7 +60,8 @@ export class ConfigStore {
             "animated_artwork_qualityLevel": 1,
             "bg_artwork_rotation": false,
             "hw_acceleration": "default", // default, webgpu, disabled
-            "showuserinfo": true
+            "showuserinfo": true,
+            "miniplayer_ontop": true
         },
         "lyrics": {
             "enable_mxm": false,

src/main/base/win.ts

@@ -430,6 +430,10 @@ export class Win {
             this.win.setMinimumSize(width,height);
         })
 
+        electron.ipcMain.on("windowontop", (event, ontop) => {
+            this.win.setAlwaysOnTop(ontop);
+        });
+
         // Set scale
         electron.ipcMain.on("windowresize", (event, width, height, lock = false) => {          
             this.win.setContentSize(width, height);

src/renderer/index.js

@@ -3328,10 +3328,14 @@ const app = new Vue({
                 ipcRenderer.send('unmaximize');
                 ipcRenderer.send('windowmin', 250, 250)
                 ipcRenderer.send('windowresize', 300, 300, false)
+                if (this.cfg.visual.miniplayer_ontop) {
+                    ipcRenderer.send('windowontop', true)
+                }
                 app.appMode = 'mini';
             } else {
                 ipcRenderer.send('windowmin', 844, 410)
                 ipcRenderer.send('windowresize', this.tmpWidth, this.tmpHeight, false)
+                ipcRenderer.send('windowontop', false)
                 app.appMode = 'player';
             }
         },

src/renderer/views/pages/settings.ejs

@@ -524,6 +524,14 @@
                     </select>
                 </div>
             </div>
+            <div class="md-option-line">
+                <div class="md-option-segment">
+                    Miniplayer always on top
+                </div>
+                <div class="md-option-segment md-option-segment_auto" >
+                    <input type="checkbox"  v-model="app.cfg.visual.miniplayer_ontop" switch/>
+                </div>
+            </div>
         </div>
             <div style="opacity: 0.5; pointer-events: none">
                 <div class="md-option-header">