mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 11:46:42 +00:00
Fix header on media browser in safari (#6838)
This commit is contained in:
parent
01a4d57566
commit
8b1801f378
@ -172,6 +172,7 @@ export class HaMediaPlayerBrowse extends LitElement {
|
||||
<div
|
||||
class="header ${classMap({
|
||||
"no-img": !currentItem.thumbnail,
|
||||
"no-dialog": !this.dialog,
|
||||
})}"
|
||||
>
|
||||
<div class="header-content">
|
||||
@ -543,6 +544,7 @@ export class HaMediaPlayerBrowse extends LitElement {
|
||||
.header {
|
||||
background-color: var(--card-background-color);
|
||||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
padding: 20px 24px 10px;
|
||||
@ -740,6 +742,10 @@ export class HaMediaPlayerBrowse extends LitElement {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
:host([narrow]) .header.no-dialog {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:host([narrow]) .header_button {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user