mirror of
https://github.com/vector-im/element-call.git
synced 2026-08-08 20:09:19 +00:00
fix: Safari preview tile no video is 16px wide only
This commit is contained in:
@@ -10,6 +10,7 @@ Please see LICENSE in the repository root for full details.
|
|||||||
margin-right: var(--content-inset-right);
|
margin-right: var(--content-inset-right);
|
||||||
min-block-size: 0;
|
min-block-size: 0;
|
||||||
block-size: 50vh;
|
block-size: 50vh;
|
||||||
|
aspect-ratio: 16 / 9;
|
||||||
border-radius: var(--cpd-space-4x);
|
border-radius: var(--cpd-space-4x);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -66,12 +67,6 @@ video.mirror {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-aspect-ratio: 1 / 1) {
|
|
||||||
.preview > video {
|
|
||||||
aspect-ratio: 16 / 9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 550px) {
|
@media (max-width: 550px) {
|
||||||
.preview {
|
.preview {
|
||||||
margin-inline: 0;
|
margin-inline: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user