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

Merge branch '964-track-position' into 'develop' 

Minor UI enhancements to player queue (more visible progress on bottom player,...

See merge request funkwhale/funkwhale!1029
This commit is contained in:
Eliot Berriot 2020-02-14 11:04:42 +01:00
parent 11a42e362d bdb80bb232
commit e36aca4ce2
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/src/App.vue
View File

@ -389,6 +389,9 @@ export default {
z-index: 999999; z-index: 999999;
width: 100%; width: 100%;
width: 100vw; width: 100vw;
.ui.top.attached.progress {
top: 0;
}
} }
#app.queue-focused { #app.queue-focused {
.queue-not-focused { .queue-not-focused {
@ -544,7 +547,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
} }
> * { > * {
margin: 0 0.5em; padding: 0.5em;
} }
} }
&.player-controls { &.player-controls {

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

@ -643,7 +643,7 @@ export default {
progress: "player/progress" progress: "player/progress"
}), }),
updateProgressThrottled () { updateProgressThrottled () {
return _.throttle(this.updateProgress, 250) return _.throttle(this.updateProgress, 50)
}, },
labels() { labels() {
let audioPlayer = this.$pgettext('Sidebar/Player/Hidden text', "Media player") let audioPlayer = this.$pgettext('Sidebar/Player/Hidden text', "Media player")
@ -816,13 +816,17 @@ export default {
.fake-dropdown { .fake-dropdown {
border: 1px solid gray; border: 1px solid gray;
border-radius: 3px; border-radius: 3px;
padding: 0.5em;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
min-width: 10em; min-width: 10em;
> * {
padding: 0.5em;
}
.position.control { .position.control {
margin-right: 1em; padding-right: 1em;
flex-grow: 1;
} }
.angle.icon { .angle.icon {
margin-right: 0; margin-right: 0;