From ce1447064e89481a7b7d5610a3b4772b3d9dfe79 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 26 Feb 2018 20:08:23 +0100
Subject: [PATCH] Masonry on artist list
---
front/src/components/audio/album/Card.vue | 2 +-
front/src/components/audio/artist/Card.vue | 4 ++--
front/src/components/library/Artists.vue | 10 +++++++++-
3 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 968b828a49..45e50f8973 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -67,7 +67,7 @@ export default {
data () {
return {
backend: backend,
- initialTracks: 4,
+ initialTracks: 5,
showAllTracks: false
}
},
diff --git a/front/src/components/audio/artist/Card.vue b/front/src/components/audio/artist/Card.vue
index 9a82d6c8f3..a511143454 100644
--- a/front/src/components/audio/artist/Card.vue
+++ b/front/src/components/audio/artist/Card.vue
@@ -54,8 +54,8 @@ export default {
data () {
return {
backend: backend,
- initialAlbums: 3,
- showAllAlbums: false
+ initialAlbums: 30,
+ showAllAlbums: true
}
},
computed: {
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index c9bea5efc0..3cf1234471 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -34,8 +34,16 @@
</div>
</div>
<div class="ui hidden divider"></div>
- <div v-if="result" class="ui stackable three column grid">
+ <div
+ v-if="result"
+ v-masonry
+ transition-duration="0"
+ item-selector=".column"
+ percent-position="true"
+ stagger="0"
+ class="ui stackable three column doubling grid">
<div
+ v-masonry-tile
v-if="result.results.length > 0"
v-for="artist in result.results"
:key="artist.id"
--
GitLab