Fix play button looking clickable

kra-mo · May 20, 2024 · e95d121 · e95d121
1 parent 8405c51
commit e95d121
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/hyperplane/gtk/item.blp b/hyperplane/gtk/item.blp
@@ -93,17 +93,17 @@ template $HypItem: Adw.Bin {
 
         [overlay]
         Box play_button {
-          halign: center;
-          valign: center;
+          halign: start;
+          valign: start;
           visible: false;
 
           Image play_button_icon {
             icon-name: "media-playback-start-symbolic";
           }
 
           styles [
-            "osd",
             "circular-box",
+            "play-button",
           ]
         }
 

diff --git a/hyperplane/gtk/style.css b/hyperplane/gtk/style.css
@@ -103,6 +103,11 @@ and that looks ugly.
     background-color: @sidebar_shade_color;
 }
 
+.play-button {
+    color: white;
+    background-image: radial-gradient(circle closest-side, alpha(black, .1), transparent);
+}
+
 .circular-box {
     border-radius: 50%;
 }