jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix header on media browser in safari (#6838)

Browse Source
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
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/media-player/ha-media-player-browse.ts
View File

@ -172,6 +172,7 @@ export class HaMediaPlayerBrowse extends LitElement {
<div <div
class="header ${classMap({ class="header ${classMap({
"no-img": !currentItem.thumbnail, "no-img": !currentItem.thumbnail,
"no-dialog": !this.dialog,
})}" })}"
> >
<div class="header-content"> <div class="header-content">
@ -543,6 +544,7 @@ export class HaMediaPlayerBrowse extends LitElement {
.header { .header {
background-color: var(--card-background-color); background-color: var(--card-background-color);
position: sticky; position: sticky;
position: -webkit-sticky;
top: 0; top: 0;
z-index: 5; z-index: 5;
padding: 20px 24px 10px; padding: 20px 24px 10px;
@ -740,6 +742,10 @@ export class HaMediaPlayerBrowse extends LitElement {
padding: 0; padding: 0;
} }
:host([narrow]) .header.no-dialog {
display: block;
}
:host([narrow]) .header_button { :host([narrow]) .header_button {
position: absolute; position: absolute;
top: 14px; top: 14px;