From c539195d041b694d252ea13dc3948e2a24eca324 Mon Sep 17 00:00:00 2001
From: Renon <renon@disroot.org>
Date: Tue, 31 Jul 2018 14:47:21 +0200
Subject: [PATCH] fix loading browse page and dimming
---
changes/changelog.d/468.bugfix | 1 +
front/src/App.vue | 2 +-
front/src/components/audio/track/Widget.vue | 9 ++++++---
3 files changed, 8 insertions(+), 4 deletions(-)
create mode 100644 changes/changelog.d/468.bugfix
diff --git a/changes/changelog.d/468.bugfix b/changes/changelog.d/468.bugfix
new file mode 100644
index 00000000..c5fdfce5
--- /dev/null
+++ b/changes/changelog.d/468.bugfix
@@ -0,0 +1 @@
+Fix loading on browse page lists causing them to go down, and dimming over the top bar (#468)
diff --git a/front/src/App.vue b/front/src/App.vue
index 8b1ac775..e0c4070a 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -250,7 +250,7 @@ html, body {
left: 350px;
right: 0px;
top: 0px;
- z-index: 1;
+ z-index: 2000;
}
background-color: white;
.item {
diff --git a/front/src/components/audio/track/Widget.vue b/front/src/components/audio/track/Widget.vue
index ca3ae242..6a1d0669 100644
--- a/front/src/components/audio/track/Widget.vue
+++ b/front/src/components/audio/track/Widget.vue
@@ -10,9 +10,6 @@
<i @click="fetchData(url)" :class="['ui', 'circular', 'medium', 'refresh', 'icon']">
</i>
<div class="ui divided unstackable items">
- <div v-if="isLoading" class="ui inverted active dimmer">
- <div class="ui loader"></div>
- </div>
<div class="item" v-for="object in objects" :key="object.id">
<div class="ui tiny image">
<img v-if="object.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.medium_square_crop)">
@@ -45,6 +42,9 @@
</div>
</div>
</div>
+ <div v-if="isLoading" class="ui inverted active dimmer">
+ <div class="ui loader"></div>
+ </div>
</div>
</div>
</template>
@@ -126,4 +126,7 @@ export default {
.refresh.icon {
float: right;
}
+.ui.divided.items > .item:last-child {
+ padding-bottom: 1em !important;
+}
</style>
--
GitLab