🐛 fix: cover art in now playing bar unresponsive

sanoojes · Nov 3, 2024 · c5ddbad · c5ddbad
1 parent 83f5ace
commit c5ddbad
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 6 deletions.
diff --git a/src/user.css b/src/user.css
diff --git a/styles/playbar/compact.scss b/styles/playbar/compact.scss
@@ -4,6 +4,10 @@
       height: var(--height, 64px);
     }
 
+    .main-nowPlayingBar-container {
+      overflow: hidden;
+    }
+
     .main-nowPlayingBar-center {
       width: 100%;
       max-width: none;
@@ -25,11 +29,41 @@
     }
 
     .main-nowPlayingBar-left {
-      -webkit-padding-start: 4px;
-      padding-inline-start: 4px;
-      padding-right: 8px;
-      width: 25%;
-      min-width: 20%;
+      height: var(--height, 80px) !important;
+
+      .main-nowPlayingWidget-nowPlaying {
+        height: var(--height, 80px) !important;
+
+        .main-coverSlotCollapsed-container {
+          height: var(--height, 80px) !important;
+          width: var(--height, 80px) !important;
+
+          div {
+            height: var(--height, 80px) !important;
+            width: var(--height, 80px) !important;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+
+          button {
+            .main-nowPlayingWidget-coverArt {
+              width: var(--height, 80px) !important;
+
+              .cover-art {
+                width: var(--height, 80px) !important;
+
+                .cover-art-icon {
+                  bottom: 0 !important;
+                  left: 0 !important;
+                  right: 0 !important;
+                  top: 0 !important;
+                }
+              }
+            }
+          }
+        }
+      }
     }
 
     .main-nowPlayingWidget-nowPlaying button {