Fix flickering media play button

home-assistant · Jan 17, 2025 · ec12c86 · ec12c86
1 parent 8efaf2b
commit ec12c86
Showing 1 changed file with 2 additions and 13 deletions.
diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
@@ -1115,6 +1115,8 @@ export class HaMediaPlayerBrowse extends LitElement {
         .child .play:not(.can_expand) {
           --mdc-icon-button-size: 70px;
           --mdc-icon-size: 48px;
+          background-color: var(--primary-color);
+          color: var(--text-primary-color);
         }
 
         ha-card:hover .image {
@@ -1126,10 +1128,6 @@ export class HaMediaPlayerBrowse extends LitElement {
           opacity: 1;
         }
 
-        ha-card:hover .play:not(.can_expand) {
-          color: var(--primary-text-color);
-        }
-
         ha-card:hover .play.can_expand {
           bottom: 8px;
         }
@@ -1144,10 +1142,6 @@ export class HaMediaPlayerBrowse extends LitElement {
             opacity 0.1s ease-out;
         }
 
-        .child .play:hover {
-          color: var(--primary-color);
-        }
-
         .child .title {
           font-size: 16px;
           padding-top: 16px;
@@ -1331,11 +1325,6 @@ export class HaMediaPlayerBrowse extends LitElement {
         ha-browse-media-tts {
           direction: var(--direction);
         }
-
-        ha-card:hover .play:not(.can_expand) {
-          background-color: var(--primary-color);
-          color: var(--text-primary-color);
-        }
       `,
     ];
   }