Fix videos being improperly positioned on safari (#24943)

This commit is contained in:
Claire 2023-05-10 17:22:34 +02:00 committed by GitHub
parent 6a3211876c
commit de95d0ca8f

View file

@ -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%);
}
}