From 0eed06073f6d80bd67ee87ef7d3b682943345e4b 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] Fix videos being improperly positioned on safari (#24943)
---
app/javascript/styles/mastodon/components.scss | 16 ++--------------
1 file changed, 2 insertions(+), 14 deletions(-)
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 48386675c..1842d3bc8 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -6447,13 +6447,6 @@ a.status-card.compact:hover {
&--wide {
grid-column: span 2;
}
-
- &.standalone {
- .media-gallery__item-gifv-thumbnail {
- transform: none;
- top: 0;
- }
- }
}
.media-gallery__item-thumbnail {
@@ -6501,11 +6494,7 @@ a.status-card.compact:hover {
cursor: zoom-in;
height: 100%;
object-fit: cover;
- position: relative;
- top: 50%;
- transform: translateY(-50%);
width: 100%;
- z-index: 1;
}
.media-gallery__item-thumbnail-label {
@@ -6604,6 +6593,8 @@ a.status-card.compact:hover {
border-radius: 4px;
box-sizing: border-box;
color: $white;
+ display: flex;
+ align-items: center;
&.editable {
border-radius: 0;
@@ -6638,9 +6629,6 @@ a.status-card.compact:hover {
&.inline {
video {
object-fit: contain;
- position: relative;
- top: 50%;
- transform: translateY(-50%);
}
}