treehouse
/
mastodon
19
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Fix videos being improperly positioned on safari 

Port 0eed06073f to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
pull/62/head
Claire 2023-05-10 17:22:34 +02:00
parent e6a7cfd12e
commit 602ae7f2f6
1 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/flavours/glitch/styles/components/media.scss
View File

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