From 969a2f1a6d4b900e39677d978da17d112bbb04ad Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 18 Jan 2022 04:12:06 -0800
Subject: [PATCH] added menu button to player display, enabled add to playlist
 for now playing

---
 src/renderer/index.js       |  1 -
 src/renderer/style.less     | 29 +++++++++++++++++++++++++++++
 src/renderer/views/main.ejs |  8 ++++----
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index cd276f19..ce33d3df 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -3092,7 +3092,6 @@ const app = new Vue({
                     items: [{
                             "icon": "./assets/feather/list.svg",
                             "name": "Add to Playlist...",
-                            "hidden": true,
                             "action": function() {
                                 app.promptAddToPlaylist()
                             }
diff --git a/src/renderer/style.less b/src/renderer/style.less
index cd68c439..1f31f842 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -18,6 +18,7 @@
   --navbarHeight: 48px;
   --selected: rgb(130 130 130 / 30%);
   --selected-click: rgb(80 80 80 / 30%);
+  --hover: rgb(200 200 200 / 10%);
   --keyColor: #fa586a;
   --keyColor-rgb: 250, 88, 106;
   --keyColor-rollover: #ff8a9c;
@@ -1128,6 +1129,34 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
   justify-content: center;
   align-items: center;
   filter: contrast(0.8);
+
+  .lcdMenu {
+    height: 100%;
+    width: 100%;
+    padding: 0px;
+    margin: 0px;
+    background: transparent;
+    border: 0px;
+    appearance: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 6px;
+
+    &:focus {
+      outline: none;
+    }
+    &:hover {
+      background: var(--hover);
+    }
+    &:active {
+      background: var(--selected-click);
+      transform: scale(0.95);
+    }
+    .svg-icon {
+      --url: url('views/svg/more.svg')!important;
+    }
+  }
 }
 
 .app-chrome .app-chrome-item > .app-playback-controls .playback-info {
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 4bd78a7f..ea0322bc 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -113,11 +113,11 @@
                                     </div>
                                 </div>
                                 <template v-if="mk.nowPlayingItem['attributes']['playParams']">
-                                    <div class="actions"
-                                         v-if="isInLibrary(mk.nowPlayingItem['attributes']['playParams'])">
-                                        ❤️
+                                    <div class="actions">
+                                        <button class="lcdMenu" @click="nowPlayingContextMenu">
+                                            <div class="svg-icon"></div>
+                                        </button>
                                     </div>
-                                    <div class="actions" v-else>🖤</div>
                                 </template>
 
                             </div>