mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-24 17:56:46 +00:00
Fix flickering media play button (#23778)
This commit is contained in:
parent
e87f6d6d5e
commit
562589a6cb
@ -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);
|
|
||||||
}
|
|
||||||
`,
|
`,
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user