[GH-ISSUE #576] Volume PopUp customization #186

Closed
opened 2026-05-22 21:51:38 +01:00 by JakeStanger · 3 comments
Owner

Originally created by @madfanat on GitHub (May 8, 2024).
Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/576

I would like to deeply configure and style the volume/device control popup: change slider orientation, color palette and so on.

I tried to find these (style) settings myself, but couldn’t. If it’s my fault, please give an example of a more detailed configuration.

Originally created by @madfanat on GitHub (May 8, 2024). Original GitHub issue: https://github.com/JakeStanger/ironbar/issues/576 I would like to deeply configure and style the volume/device control popup: change slider orientation, color palette and so on. I tried to find these (style) settings myself, but couldn’t. If it’s my fault, please give an example of a more detailed configuration.
Author
Owner

@JakeStanger commented on GitHub (May 9, 2024):

The orientation of the sliders is currently hard-coded, although this can be surfaced via the config. Which sliders are you looking to change?

Would this require the popup layout to change to accommodate, or are you looking to just rotate the sliders within the current layout? This would potentially result in a very wide and short popup window.

All colours and styles should be customisable via CSS. I don't have any examples to hand, but if you're looking for specifics I can assist.

<!-- gh-comment-id:2103007799 --> @JakeStanger commented on GitHub (May 9, 2024): The orientation of the sliders is currently hard-coded, although this can be surfaced via the config. Which sliders are you looking to change? Would this require the popup layout to change to accommodate, or are you looking to just rotate the sliders within the current layout? This would potentially result in a very wide and short popup window. All colours and styles should be customisable via CSS. I don't have any examples to hand, but if you're looking for specifics I can assist.
Author
Owner

@madfanat commented on GitHub (May 9, 2024):

It’s a bit inconvenient to me that the volume slider is very thin but spends a lot of useless space (I think the reason is the device switching menu).
Maybe it would be better to move the slider to the edge and make the switching menu much shorter. Another way I see is just to rotate the slider, but this will result in a very long popup. To solve this I think we could move the app-specific tab to the top if it’s not hardcoded.

<!-- gh-comment-id:2103151018 --> @madfanat commented on GitHub (May 9, 2024): It’s a bit inconvenient to me that the volume slider is very thin but spends a lot of useless space (I think the reason is the device switching menu). Maybe it would be better to move the slider to the edge and make the switching menu much shorter. Another way I see is just to rotate the slider, but this will result in a very long popup. To solve this I think we could move the app-specific tab to the top if it’s not hardcoded.
Author
Owner

@madfanat commented on GitHub (May 9, 2024):

IMG_0272

Also I’m about to change the background color of the text (circled) to make the look uniform.

<!-- gh-comment-id:2103157934 --> @madfanat commented on GitHub (May 9, 2024): ![IMG_0272](https://github.com/JakeStanger/ironbar/assets/168630462/ade3b405-872a-46e7-b6dc-313187046a2c) Also I’m about to change the background color of the text (circled) to make the look uniform.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
JakeStanger/ironbar#186
No description provided.