From 602ae7f2f6147865798373ffedaaaa25e2499f79 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Wed, 10 May 2023 17:22:34 +0200
Subject: [PATCH] [Glitch] Fix videos being improperly positioned on safari

Port 0eed06073f6d80bd67ee87ef7d3b682943345e4b to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/styles/components/media.scss   | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss
index a708d066a..92633fc3f 100644
--- a/app/javascript/flavours/glitch/styles/components/media.scss
+++ b/app/javascript/flavours/glitch/styles/components/media.scss
@@ -96,13 +96,6 @@
     grid-column: span 2;
   }
 
-  &.standalone {
-    .media-gallery__item-gifv-thumbnail {
-      transform: none;
-      top: 0;
-    }
-  }
-
   .full-width & {
     border-radius: 0;
   }
@@ -161,8 +154,6 @@
   cursor: zoom-in;
   height: 100%;
   width: 100%;
-  position: relative;
-  z-index: 1;
   object-fit: contain;
   user-select: none;
 
@@ -455,6 +446,8 @@
   border-radius: 4px;
   box-sizing: border-box;
   color: $white;
+  display: flex;
+  align-items: center;
 
   &.editable {
     border-radius: 0;
@@ -497,9 +490,6 @@
   &.inline {
     video {
       object-fit: contain;
-      position: relative;
-      top: 50%;
-      transform: translateY(-50%);
     }
   }