Merge pull request #6550 from SimonBrandner/fix/voice-cutoff

turt2live · web-flow · commit 27d7daeceb1a · 2021-08-05T15:46:42.000-06:00
Fix voice feed being cut-off
diff --git a/res/css/views/voip/_CallView.scss b/res/css/views/voip/_CallView.scss
@@ -75,8 +75,6 @@ limitations under the License.
         height: 100%;
 
         &.mx_VideoFeed_voice {
-            // We don't want to collide with the call controls that have 52px of height
-            margin-bottom: 52px;
             background-color: $inverted-bg-color;
             display: flex;
             justify-content: center;
diff --git a/res/css/views/voip/_CallViewSidebar.scss b/res/css/views/voip/_CallViewSidebar.scss
@@ -40,8 +40,6 @@ limitations under the License.
             display: flex;
             align-items: center;
             justify-content: center;
-
-            aspect-ratio: 16 / 9;
         }
 
         .mx_VideoFeed_video {
diff --git a/res/css/views/voip/_VideoFeed.scss b/res/css/views/voip/_VideoFeed.scss
@@ -20,6 +20,7 @@ limitations under the License.
 
     &.mx_VideoFeed_voice {
         background-color: $inverted-bg-color;
+        aspect-ratio: 16 / 9;
     }
 
     .mx_VideoFeed_video {

Original file line number	Diff line number	Diff line change
`@@ -40,8 +40,6 @@ limitations under the License.`
`40`	`40`	`display: flex;`
`41`	`41`	`align-items: center;`
`42`	`42`	`justify-content: center;`
`43`		`-`
`44`		`- aspect-ratio: 16 / 9;`
`45`	`43`	`}`
`46`	`44`
`47`	`45`	`.mx_VideoFeed_video {`
Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@ limitations under the License.`
`20`	`20`
`21`	`21`	`&.mx_VideoFeed_voice {`
`22`	`22`	`background-color: $inverted-bg-color;`
	`23`	`+ aspect-ratio: 16 / 9;`
`23`	`24`	`}`
`24`	`25`
`25`	`26`	`.mx_VideoFeed_video {`