huh-spicetify-extensions icon indicating copy to clipboard operation
huh-spicetify-extensions copied to clipboard

[Full App Display][Show controls on hover only]

Open cougarten opened this issue 1 year ago • 2 comments

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:

  1. this draws a more subtle and nearly always visible border on any background brightness
  2. 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;
}

image

image

cougarten avatar Jun 03 '23 08:06 cougarten

The one thing I couldn't get to work was the next track previews though, they are now... elsewhere sometimes.

image

The longer the track name the further it moves right, no Idea why :)

image

cougarten avatar Jun 03 '23 08:06 cougarten

the upnext thing is very finnicky, i'll take a look at all of this

huhridge avatar Dec 06 '23 15:12 huhridge