fix: fix media in grouped mode in focused threads (#774)

This commit is contained in:
Nolan Lawson 2018-12-10 22:26:48 -08:00 committed by GitHub
parent 94d0590070
commit 852d86b9e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 14 deletions

View file

@ -1,8 +1,8 @@
<div class="autoplay-wrapper {$largeInlineMedia ? '' : 'fixed-size'}"
<div class="autoplay-wrapper {$largeInlineMedia ? '' : 'autoplay-video-fixed-size'}"
style="width: {width}px; height: {height}px;"
>
<video
class="autoplay-video {$largeInlineMedia ? '' : 'fixed-size'}"
class="autoplay-video {$largeInlineMedia ? '' : 'autoplay-video-fixed-size'}"
aria-label={ariaLabel || ''}
style="{focusStyle} background-image: url({poster}); "
{poster}
@ -30,19 +30,12 @@
display: flex;
}
.fixed-size {
.autoplay-video-fixed-size {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.fixed-size {
overflow: hidden;
width: 100%;
height: 100%;
}
</style>
<script>
import { store } from '../_store/store'

View file

@ -1,4 +1,4 @@
<div class="lazy-image {fillFixSize ? 'fixed-size': ''}" style={computedStyle} >
<div class="lazy-image {fillFixSize ? 'lazy-image-fixed-size': ''}" style={computedStyle} >
<img
class="{fillFixSize ? 'fixed-size-img': ''}"
aria-hidden={ariaHidden}
@ -23,7 +23,7 @@
width: 100%;
height: 100%;
}
.fixed-size {
.lazy-image-fixed-size {
position: absolute;
width: 100%;
height: 100%;

View file

@ -1,4 +1,4 @@
<div class="non-autoplay-gifv {$largeInlineMedia ? '' : 'fixed-size'}"
<div class="non-autoplay-gifv {$largeInlineMedia ? '' : 'non-autoplay-gifv-fixed-size'}"
style="width: {width}px; height: {height}px;"
on:mouseover="onMouseOver(event)"
ref:node
@ -35,7 +35,7 @@
padding: 0;
}
.fixed-size {
.non-autoplay-gifv-fixed-size {
position: absolute;
width: 100%;
height: 100%;

View file

@ -74,6 +74,7 @@
"spoiler-btn spoiler-btn"
"mentions mentions"
"content content"
"media-grp media-grp"
"media media"
"details details"
"toolbar toolbar"