Merge branch 'main' of https://github.com/ciderapp/Cider

src/renderer/less/elements.css

@@ -254,6 +254,9 @@
   height: 32px;
   flex: 0 0 auto;
 }
+.cd-queue-item:hover {
+  background: var(--selected);
+}
 .cd-queue-item.selected {
   background: var(--selected);
 }

src/renderer/less/elements.less

@@ -306,6 +306,10 @@
     flex: 0 0 auto;
   }
 
+  &:hover {
+    background: var(--selected);
+  }
+
   &.selected {
     background: var(--selected);
   }

src/renderer/main/vueapp.js

@@ -2184,6 +2184,13 @@ const app = new Vue({
                 sortArtists()
             }
         },
+        focusSearch() {
+            app.appRoute('search')
+            const search = document.getElementsByClassName("search-input")
+            if (search.length > 0) {
+                search[0].focus()
+            }
+        },
         getSidebarItemClass(page) {
             if (this.page == page) {
                 return ["active"]

src/renderer/style.less

@@ -1605,6 +1605,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   margin: 10px;
   margin-left: 5%;
   margin-right: 0px;
+  overflow-wrap: break-word;
 }
 
 .lyric-line.active .verse {

src/renderer/views/components/queue.ejs

@@ -31,7 +31,7 @@
                             </div>
                             <div class="col queue-info">
                                 <div class="queue-title text-overflow-elipsis">{{ queueItem.item.attributes.name }}</div>
-                                <div class="queue-subtitle text-overflow-elipsis">{{ queueItem.item.attributes.albumName }} — {{ queueItem.item.attributes.artistName }}</div>
+                                <div class="queue-subtitle text-overflow-elipsis">{{ queueItem.item.attributes.artistName }} — {{ queueItem.item.attributes.albumName }}</div>
                             </div>
                         </div>
                     </div>