Fix some image/video scroll jumps (#8182)

* Fix some image/video scroll jumps * Fix aspect ratio formatting * Fix videos not being responsive to timeline width
2022-03-28 15:07:02 -04:00 · 2022-03-28 15:07:02 -04:00 · af6bd63ac7
commit af6bd63ac7
parent afa60acbf1
5 changed files with 90 additions and 86 deletions
--- a/res/css/views/messages/_MVideoBody.scss
+++ b/res/css/views/messages/_MVideoBody.scss
@ -15,7 +15,15 @@ limitations under the License.
 */

 span.mx_MVideoBody {
-    video.mx_MVideoBody {
+    overflow: hidden;
+
+    .mx_MVideoBody_container {
        border-radius: $timeline-image-border-radius;
+        overflow: hidden;
+
+        video {
+            height: 100%;
+            width: 100%;
+        }
    }
 }