From bdb80bb2329c7adb6a29c004a2150f852c14ab97 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Fri, 14 Feb 2020 10:45:32 +0100
Subject: [PATCH] Minor UI enhancements to player queue (more visible progress
on bottom player, easier to click buttons)
---
front/src/App.vue | 5 ++++-
front/src/components/audio/Player.vue | 10 +++++++---
2 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/front/src/App.vue b/front/src/App.vue
index b5b6eaa0f0..f53cc3a4a2 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -389,6 +389,9 @@ export default {
z-index: 999999;
width: 100%;
width: 100vw;
+ .ui.top.attached.progress {
+ top: 0;
+ }
}
#app.queue-focused {
.queue-not-focused {
@@ -544,7 +547,7 @@ export default {
justify-content: flex-start;
}
> * {
- margin: 0 0.5em;
+ padding: 0.5em;
}
}
&.player-controls {
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 822593abae..58f76ad073 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -643,7 +643,7 @@ export default {
progress: "player/progress"
}),
updateProgressThrottled () {
- return _.throttle(this.updateProgress, 250)
+ return _.throttle(this.updateProgress, 50)
},
labels() {
let audioPlayer = this.$pgettext('Sidebar/Player/Hidden text', "Media player")
@@ -816,13 +816,17 @@ export default {
.fake-dropdown {
border: 1px solid gray;
border-radius: 3px;
- padding: 0.5em;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 10em;
+ > * {
+ padding: 0.5em;
+
+ }
.position.control {
- margin-right: 1em;
+ padding-right: 1em;
+ flex-grow: 1;
}
.angle.icon {
margin-right: 0;
--
GitLab