Remove 16:9 cropping from web UI (#26132)

This commit is contained in:
Eugen Rochko 2023-07-24 13:46:55 +02:00 committed by GitHub
parent 5e8cbb5f82
commit 4d01d1a1ee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
146 changed files with 158 additions and 284 deletions

View file

@ -5172,9 +5172,9 @@ a.status-card.compact:hover {
display: flex;
}
.video-modal__container {
.video-modal .video-player {
max-height: 80vh;
max-width: 100vw;
max-height: 100vh;
}
.audio-modal__container {
@ -6192,7 +6192,7 @@ a.status-card.compact:hover {
box-sizing: border-box;
margin-top: 8px;
overflow: hidden;
border-radius: 4px;
border-radius: 8px;
position: relative;
width: 100%;
min-height: 64px;
@ -6207,7 +6207,7 @@ a.status-card.compact:hover {
box-sizing: border-box;
display: block;
position: relative;
border-radius: 4px;
border-radius: 8px;
overflow: hidden;
&--tall {
@ -6293,7 +6293,7 @@ a.status-card.compact:hover {
box-sizing: border-box;
position: relative;
background: darken($ui-base-color, 8%);
border-radius: 4px;
border-radius: 8px;
padding-bottom: 44px;
width: 100%;
@ -6360,7 +6360,7 @@ a.status-card.compact:hover {
position: relative;
background: $base-shadow-color;
max-width: 100%;
border-radius: 4px;
border-radius: 8px;
box-sizing: border-box;
color: $white;
display: flex;
@ -6377,8 +6377,6 @@ a.status-card.compact:hover {
video {
display: block;
max-width: 100vw;
max-height: 80vh;
z-index: 1;
}
@ -6386,22 +6384,15 @@ a.status-card.compact:hover {
width: 100% !important;
height: 100% !important;
margin: 0;
aspect-ratio: auto !important;
video {
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
outline: 0;
}
}
&.inline {
video {
object-fit: contain;
}
}
&__controls {
position: absolute;
direction: ltr;