From 1fd24ceea8b597a7181bb272b7c3b27eae11ea56 Mon Sep 17 00:00:00 2001
From: Ciaran Ainsworth <ciaranainsworth@outlook.com>
Date: Mon, 3 May 2021 16:56:09 +0100
Subject: [PATCH] Streamline audio loading read
---
front/src/components/audio/ArtistEntries.vue | 3 +--
front/src/style/globals/_channels.scss | 13 +------------
2 files changed, 2 insertions(+), 14 deletions(-)
diff --git a/front/src/components/audio/ArtistEntries.vue b/front/src/components/audio/ArtistEntries.vue
index 98466d6f49..3fba26f6d4 100644
--- a/front/src/components/audio/ArtistEntries.vue
+++ b/front/src/components/audio/ArtistEntries.vue
@@ -27,7 +27,7 @@
v-for="(track, index) in tracks" :key="track.id">
<div class="actions one wide left floated column">
<play-indicator
- v-if="!isLoadingAudio && currentTrack && isPlaying && track.id === currentTrack.id && !track.hover">
+ v-if="!$store.state.player.isLoadingAudio && currentTrack && isPlaying && track.id === currentTrack.id && !track.hover">
</play-indicator>
<button
v-else-if="currentTrack && isPlaying && track.id === currentTrack.id && track.hover"
@@ -104,7 +104,6 @@ export default {
computed: {
...mapGetters({
currentTrack: "queue/currentTrack",
- isLoadingAudio: "player/isLoadingAudio"
}),
isPlaying () {
diff --git a/front/src/style/globals/_channels.scss b/front/src/style/globals/_channels.scss
index f305a79d48..e553f2febf 100644
--- a/front/src/style/globals/_channels.scss
+++ b/front/src/style/globals/_channels.scss
@@ -102,17 +102,6 @@
max-width: 2rem;
width: 100%;
}
- .ui.really.tiny.button.play-button.playing {
- color: var(--vibrant-color);
- visibility: visible;
- display: contents;
- left: auto;
- right: auto;
- }
- .ui.really.tiny.button.play-button.paused {
- color: var(--vibrant-color);
- visibility: visible;
- }
.actions.one.wide.left.floated.column {
width: 3% !important;
}
@@ -139,7 +128,7 @@
cursor: pointer;
// explicitly style the button as if it was hovered itself
- .ui.really.tiny.button.play-button {
+ .ui.icon.really.tiny.button.play-button {
color: var(--main-color);
visibility: visible;
display: contents;
--
GitLab