From d5f3802f373bd43da86a07ef43e7ed93c9a0b60b Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 18 Jul 2019 15:51:49 +0200
Subject: [PATCH] Fixed transparent progress bar after switch to FUI
---
front/src/components/audio/Player.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index d66c1770..a7c0950b 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -55,7 +55,7 @@
:class="['ui', 'small', 'orange', 'inverted', {'indicating': isLoadingAudio}, 'progress']"
@click="touchProgress">
<div class="buffer bar" :data-percent="bufferProgress" :style="{ 'width': bufferProgress + '%' }"></div>
- <div class="bar" :data-percent="progress" :style="{ 'width': progress + '%' }"></div>
+ <div class="position bar" :data-percent="progress" :style="{ 'width': progress + '%' }"></div>
</div>
</div>
<div class="ui small warning message" v-if="currentTrack && errored">
@@ -826,6 +826,10 @@ export default {
.progress-area .actions {
text-align: center;
}
+.ui.progress:not([data-percent]):not(.indeterminate)
+ .bar.position:not(.buffer) {
+ background: #ff851b;
+}
.volume-control {
position: relative;
width: 12.5% !important;
--
GitLab