~cytrogen/masto-fe

0eed06073f6d80bd67ee87ef7d3b682943345e4b — Claire 2 years ago 5eeb40b
Fix videos being improperly positioned on safari (#24943)

1 files changed, 2 insertions(+), 14 deletions(-)

M app/javascript/styles/mastodon/components.scss
M app/javascript/styles/mastodon/components.scss => app/javascript/styles/mastodon/components.scss +2 -14
@@ 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%);
    }
  }