MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed transparent progress bar after switch to FUI

This commit is contained in:
Eliot Berriot 2019-07-18 15:51:49 +02:00
parent 3ce2f0d774
commit d5f3802f37
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/components/audio/Player.vue
View File

@ -55,7 +55,7 @@
:class="['ui', 'small', 'orange', 'inverted', {'indicating': isLoadingAudio}, 'progress']" :class="['ui', 'small', 'orange', 'inverted', {'indicating': isLoadingAudio}, 'progress']"
@click="touchProgress"> @click="touchProgress">
<div class="buffer bar" :data-percent="bufferProgress" :style="{ 'width': bufferProgress + '%' }"></div> <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> </div>
<div class="ui small warning message" v-if="currentTrack && errored"> <div class="ui small warning message" v-if="currentTrack && errored">
@ -826,6 +826,10 @@ export default {
.progress-area .actions { .progress-area .actions {
text-align: center; text-align: center;
} }
.ui.progress:not([data-percent]):not(.indeterminate)
.bar.position:not(.buffer) {
background: #ff851b;
}
.volume-control { .volume-control {
position: relative; position: relative;
width: 12.5% !important; width: 12.5% !important;