some ui fixes

README.md

@@ -38,6 +38,8 @@
 -->
 [![Get it from the AUR](https://img.shields.io/badge/Get_It_From_The_AUR-100000?style=for-the-badge&logo=archlinux)](https://aur.archlinux.org/packages/cider)
 
+[![Get it from Flathub](https://img.shields.io/badge/Get_It_From_Flathub-100000?style=for-the-badge&logo=flathub)](https://flathub.org/apps/details/sh.cider.Cider)
+
 ### Compiling and Configuration
 For more information surrounding configuration, compiling and other developer documentation, see the [compilation docs](https://cider.sh/compile.html).
 

src/main/base/browserwindow.ts

@@ -185,7 +185,7 @@ export class BrowserWindow {
                     page: "library-albums",
                     component: `<cider-library-albums :data="library.songs"></cider-library-albums>`,
                     condition: `page == 'library-albums'`,
-                    onEnter: `getLibraryAlbumsFull(null, 1); getAlbumSort(); searchLibraryAlbums(1);`
+                    onEnter: `getLibraryAlbumsFull(null, 1); getAlbumSort(); searchLibraryAlbums(1); getLibrarySongsFull() ;searchLibraryAlbums(1);`
                 }, {
                     page: "appleCurator",
                     component: `<cider-applecurator :data="appleCurator"></cider-applecurator>`,

src/renderer/less/pages.less

@@ -515,7 +515,7 @@
     display        : flex;
     justify-content: center;
     align-items    : center;
-    z-index        : 6;
+    z-index        : 10;
     position       : sticky;
     margin-top     : calc(var(--navigationBarHeight) * -1);
 

src/renderer/style.css

@@ -9889,7 +9889,7 @@ input[type=checkbox][switch]:checked:active::before {
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 6;
+  z-index: 10;
   position: sticky;
   margin-top: calc(var(--navigationBarHeight) * -1);
 }

src/renderer/style.less

@@ -1535,6 +1535,14 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   filter: none !important;
 }
 
+
+.lyric-body:hover > .lyric-line:not(.active) {
+  filter: none !important;
+}
+.lyric-body > .lyric-line:not(.active) {
+  transition: filter var(--appleEase) 0.5s ease;
+}
+
 .lyricWaiting {
   margin-top: 8px;
   display: none;