mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-22 08:46:35 +00:00
Make media play button in media browser more visible when hovering (#23760)
This commit is contained in:
parent
57edb86c5c
commit
e5d2f2d94b
@ -1106,7 +1106,7 @@ export class HaMediaPlayerBrowse extends LitElement {
|
||||
position: absolute;
|
||||
transition: color 0.5s;
|
||||
border-radius: 50%;
|
||||
top: calc(50% - 50px);
|
||||
top: calc(50% - 40px);
|
||||
right: calc(50% - 35px);
|
||||
opacity: 0;
|
||||
transition: opacity 0.1s ease-out;
|
||||
@ -1117,12 +1117,17 @@ export class HaMediaPlayerBrowse extends LitElement {
|
||||
--mdc-icon-size: 48px;
|
||||
}
|
||||
|
||||
ha-card:hover .image {
|
||||
filter: brightness(70%);
|
||||
transition: filter 0.5s;
|
||||
}
|
||||
|
||||
ha-card:hover .play {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
ha-card:hover .play:not(.can_expand) {
|
||||
color: var(--primary-color);
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
ha-card:hover .play.can_expand {
|
||||
@ -1326,6 +1331,11 @@ 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);
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user