Updated actor photos to use expand and load events with scroll component. Fixed actor description independent entity logo. Fixed unwanted actor horizontal scroll.

This commit is contained in:
2020-07-07 19:23:36 +02:00
parent 0fd1edd8fd
commit 0fc85e5de2
3 changed files with 13 additions and 24 deletions

View File

@@ -20,6 +20,7 @@
:data-loading="sfw ? `/img/${actor.avatar.sfw.lazy}` : `/media/${actor.avatar.lazy}`"
:title="actor.avatar.copyright && `© ${actor.avatar.copyright}`"
class="avatar photo"
@load="$parent.$emit('load')"
>
</a>
@@ -37,6 +38,7 @@
:data-loading="sfw ? `/img/${photo.sfw.lazy}` : `/media/${photo.lazy}`"
:title="`© ${photo.copyright || photo.entity.name}`"
class="photo"
@load="$parent.$emit('load')"
>
</a>
</div>
@@ -67,6 +69,7 @@ export default {
display: flex;
box-sizing: border-box;
padding: .5rem 1rem;
margin: 0 1rem 0 0;
font-size: 0;
overflow-x: scroll;
scroll-behavior: smooth;
@@ -75,12 +78,7 @@ export default {
&.expanded {
flex-wrap: wrap;
justify-content: center;
/*
display: grid;
grid-gap: .5rem;
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
*/
margin: 0;
.photo-link {
margin: 0 .5rem .5rem 0;