me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix videos being improperly positioned on safari (#24943)

Browse source
This commit is contained in:
Claire 2023-05-10 17:22:34 +02:00 committed by GitHub
parent 6a3211876c
commit de95d0ca8f
1 changed files with 2 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/javascript/styles/mastodon/components.scss
View file

@ -6447,13 +6447,6 @@ a.status-card.compact:hover {
&--wide { &--wide {
grid-column: span 2; grid-column: span 2;
} }
&.standalone {
.media-gallery__item-gifv-thumbnail {
transform: none;
top: 0;
}
}
} }
.media-gallery__item-thumbnail { .media-gallery__item-thumbnail {
@ -6501,11 +6494,7 @@ a.status-card.compact:hover {
cursor: zoom-in; cursor: zoom-in;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100%; width: 100%;
z-index: 1;
} }
.media-gallery__item-thumbnail-label { .media-gallery__item-thumbnail-label {
@ -6604,6 +6593,8 @@ a.status-card.compact:hover {
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;
@ -6638,9 +6629,6 @@ a.status-card.compact:hover {
&.inline { &.inline {
video { video {
object-fit: contain; object-fit: contain;
position: relative;
top: 50%;
transform: translateY(-50%);
} }
} }