Fix header on media browser in safari (#6838)

This commit is contained in:
Zack Barett 2020-09-08 02:14:34 -05:00 committed by GitHub
parent 01a4d57566
commit 8b1801f378
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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;