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

Tie the absolute to the outer container.

Browse Source 
Remove use of aspect-ratio since it does not work in Safari.
This commit is contained in:
Dermot Duffy
2021-09-07 20:55:18 -07:00
parent d62e99836f
commit c9319b42f5
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
+3 -1
View File
@@ -5,16 +5,18 @@
.container_16_9 { .container_16_9 {
/* 16:9 Aspect Ratio. When Safari supports 'aspect-ratio' this should not be /* 16:9 Aspect Ratio. When Safari supports 'aspect-ratio' this should not be
necessary */ necessary */
position: relative;
padding-top: 56.25%; // 9 / 16 == 0.5625 padding-top: 56.25%; // 9 / 16 == 0.5625
} }
.frigate-card-contents { .frigate-card-contents {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px;
bottom: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
aspect-ratio: 16 / 9;
overflow: auto; overflow: auto;
-ms-overflow-style: none; /* Hide scrollbar: IE and Edge */ -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
scrollbar-width: none; /* Hide scrollbar: Firefox */ scrollbar-width: none; /* Hide scrollbar: Firefox */