flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix gallery sizing in Safari

Browse Source
This commit is contained in:
Dermot Duffy
2022-06-25 15:50:08 -07:00
parent 5ba2e633bf
commit 51ef68aa39
3 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
+10 -5
View File
@@ -97,19 +97,24 @@ frigate-card-live.hidden {
// Hide corners on Safari fullscreen.
border-radius: 0px;
// Theme styles may set these which is not helpful in fullscreen mode, reset
// them.
box-shadow: none;
margin: 0;
}
:host(:fullscreen) ha-card {
// Need to use an id selector here to overcome theme styling that may
// incorrectly apply to ha-card style.
:host(:fullscreen) #ha-card {
@include fullscreen-ha-card;
}
// Need to use an id selector here to overcome card styling that is incorrectly
// shown in Safari that causes the wrong margin to apply in fullscreen mode.
:host(:-webkit-full-screen) #ha-card {
@include fullscreen-ha-card;
}
:host(:-moz-full-screen) ha-card {
:host(:-moz-full-screen) #ha-card {
@include fullscreen-ha-card;
}
:host(:-ms-fullscreen) ha-card {
:host(:-ms-fullscreen) #ha-card {
@include fullscreen-ha-card;
}