mirror of https://github.com/tootsuite/mastodon
Fix videos being improperly positioned on safari (#24943)
parent
5eeb40bdbe
commit
0eed06073f
|
@ -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%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue