štvrtok 11. júna 2020

Spotify volume bar width

The problem:
volume slider is too narrow to allow detailed volume settings. When connected to external device, difference between 30% and 40% can be enormous. To allow better granularity, you can add override CSS to your browser and force a much wider object. The solution below increased the width by adding 400px to the listed objects.


The solution:
For Firefox:

C:\Users\username\AppData\Roaming\Mozilla\Firefox\Profiles\12345678.default-release\chrome\
userContent.css

@-moz-document domain(open.spotify.com) {
.now-playing-bar__right__inner {
    width: 580px !important;
}
.volume-bar {
/*   width: 536px !important; */
/* updated in October 2020 */
    flex: 0 1 525px !important;
}

.ConnectBar::after {
    right: 538px !important;
}
}