Fix flickering media play button (#23778)

This commit is contained in:
Jan-Philipp Benecke 2025-01-21 09:09:15 +01:00 committed by GitHub
parent e87f6d6d5e
commit 562589a6cb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1115,6 +1115,8 @@ export class HaMediaPlayerBrowse extends LitElement {
.child .play:not(.can_expand) { .child .play:not(.can_expand) {
--mdc-icon-button-size: 70px; --mdc-icon-button-size: 70px;
--mdc-icon-size: 48px; --mdc-icon-size: 48px;
background-color: var(--primary-color);
color: var(--text-primary-color);
} }
ha-card:hover .image { ha-card:hover .image {
@ -1126,10 +1128,6 @@ export class HaMediaPlayerBrowse extends LitElement {
opacity: 1; opacity: 1;
} }
ha-card:hover .play:not(.can_expand) {
color: var(--primary-text-color);
}
ha-card:hover .play.can_expand { ha-card:hover .play.can_expand {
bottom: 8px; bottom: 8px;
} }
@ -1144,10 +1142,6 @@ export class HaMediaPlayerBrowse extends LitElement {
opacity 0.1s ease-out; opacity 0.1s ease-out;
} }
.child .play:hover {
color: var(--primary-color);
}
.child .title { .child .title {
font-size: 16px; font-size: 16px;
padding-top: 16px; padding-top: 16px;
@ -1331,11 +1325,6 @@ export class HaMediaPlayerBrowse extends LitElement {
ha-browse-media-tts { ha-browse-media-tts {
direction: var(--direction); direction: var(--direction);
} }
ha-card:hover .play:not(.can_expand) {
background-color: var(--primary-color);
color: var(--text-primary-color);
}
`, `,
]; ];
} }