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 {
|
||||
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%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue