huh-spicetify-extensions
huh-spicetify-extensions copied to clipboard
[Full App Display][Show controls on hover only]
Describe the solution you'd like I'd love to keep my screen clean, but also have the playback controls. This could be solved by hiding the controls if the mouse is not over track name or album cover. Alternatively only show the controls on mouse movement.
Here is some CSS that already does this, can be added with the CSS add-on, but I think it would also make a great feature to toggle on and off.
The #fad-art-image part is optional/off-topic but:
- this draws a more subtle and nearly always visible border on any background brightness
- I fixed the display for not perfectly square album art (it used to show 1px of tiling or something)
I guess that part should be enabled generally if you choose to use it.
#fad-art-image {
border: 1px solid rgb(92 92 92 / 48%);
background-origin: border-box;
background-position: center;
}
#fad-details #fad-status {
opacity: 0;
/*transition: opacity .5s;*/
}
#fad-details:hover #fad-status {
opacity: 1;
}
#fad-details {
margin-bottom:-20px;
}
The one thing I couldn't get to work was the next track previews though, they are now... elsewhere sometimes.
The longer the track name the further it moves right, no Idea why :)
the upnext thing is very finnicky, i'll take a look at all of this