Conversation
…tup, use experimental Cairo drawing logic
|
Hi, I'm a bit sceptical of the seek bar. It looks unusual, nonstandard, and might be confusing to first-time users. I would suggest this:
This would fit well into the mini view too. Just place it in the same location as you put the seek bar in your screenshots of this PR. I'd be wary to place clickable UI elements (i.e. seek bar) at the corners, some desktop environments / window managers might steal the clicks for window resize purposes. |
|
@hut Thanks for chiming in! Indeed I'm not satisfied with this new design either, esp. regarding usability concerns with it being at the bottom edge. I think I'll try to put it at the top of the bar instead (with the gradient pointing down), and implement some sort of highlight upon hover to illustrate that the clickable area is larger than what the gradient suggests. As to why it's not like this from the beginning, the new design started life as a thick solid bar with the time readouts inlaid, but a dark UI with a thick bright bar right across the middle was really jarring, hence bottom placement + gradient to soften the impact. Your suggestion would actually result in the initial design way back in 2024. A problem with current/end times being in line with the seekbar is that their widths are variable (digits having different widths), resulting in the seekbar's length also changing every second. Reserving more space makes the spacing looks weird and only works up to a certain length. Overall I'd much prefer having them either above or below the seekbar instead for peace of mind. As for the audio format, it is indeed useless, but I like it as decoration :). It'll probably have to be moved to one side in the mini layouts though. P.S. This design is far from final, and we might end up scrapping it for another too, so please feel free to keep suggesting changes. |
|
Update: moved the seekbar to the top of the player bar, added a wave effect to make it feel fuller vertically without flooding it with solid colours, plus a thin separator line between it and the rest of the bar. I've updated the first post to showcase these. Thanks to the wave animation we no longer really need to draw a "cursor line". It's clear enough as it is, and cuts down on visual clutter. IMHO it now looks more traditional but still somewhat unique. |
|
This looks much better than the original design with the seek bar at the bottom. Great work, thank you! <3 |
|
I'm personally not a huge fan of the new player bar, I preferred the old design. Proportions all feel a bit off (especially the volume dial being so tiny) and the elongated play button looks a little unusual imo. drag & drop is sweet though |
|
I think it's also a matter of adjusting to the much thinner bar, but should
you like some of the old design back, an easy adjustment could be to
restore the three-row text box design (with artist and album on separate
lines), which would make the bar taller and give more space for the album
art + knob to be bigger too.
That can also be yet another setting for the user to toggle :)
…On Tue, 5 May 2026, 06:23 Dylan Manning, ***@***.***> wrote:
*sonicv6* left a comment (htkhiem/euphonica#262)
<#262 (comment)>
I'm personally not a huge fan of the new player bar, I preferred the old
design. Proportions all feel a bit off (especially the volume dial being so
tiny) and the elongated play button looks a little unusual imo. drag & drop
is sweet though
—
Reply to this email directly, view it on GitHub
<#262 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AKF43OSPV2OJSVUCRJEF7KD4ZEQ7VAVCNFSM6AAAAACW2TTQBWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DGNZVGI2TSMRRGQ>
.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.
You are receiving this because you modified the open/close state.Message
ID: ***@***.***>
|
|
Sounds like a good solution, I'll look into it when I have some free time, been focusing almost entirely on uni for months but kept following this project. You've done seriously awesome work man, still by far my favourite player on Linux. |
Drag-and-drop
This PR adds drag-and-drop reordering capabilities to the Queue View and the (standard) Playlist Editor.
Screencast.From.2026-04-25.23-12-37.mp4
Seekbar
This PR redesigns the bottom bar to be more space-efficient, especially vertically, plus a few other optimisations.
Design considerations
Seekbar
This is the component seeing the biggest changes. I've personally never liked the stock GtkScale-based seekbar (and all the blingy music players have their own custom seekbars anyway).
Layout
Playback controls
suggested-actioncolouring.Volume knob
Now toned down in visual importance. Also, the arc surrounding it now does a full 360 instead of avoiding the bottom bit, helping it look more balanced overall. Previously it looked as if the knob wasn't vertically balanced as there was more empty space below it than above.
Update 2026-04-25: added a conical fade to avoid looking like a simple radial glow when twisted 100% & indicate that it's something that can be twisted.
Update 2026-04-26: slightly redesigned the player pane to use the new seekbar design too. To keep things cohesive, the album art now also spans the entire width of the pane, but the pane's width will be limited to 768px.
Update 2026-05-02: now supports angular dragging in addition to scrolling. Safeguards are in place to prevent overflowing from 0 to 100% volume and vice versa, as well as to work with the existing click action (for toggling mute status):
Screencast.From.2026-05-02.14-30-35.mp4
Preview
Full and mini layouts, in dark and light modes. Note how the seekbar is now available in the mini layout too.
The glow animation in action:
Screencast.From.2026-04-25.09-27-08.mp4
Visualiser
To visually clean things up esp. w.r.t. the above seekbar design, the visualiser now sits atop it.
Performance-wise, this PR should also fix #233 for good.
Other changes
This is the start of a wave of UI adjustments to resolve remaining pain points & add new capabilities.