Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
cougarten opened this issue Jun 3, 2023 · 2 comments
Open

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

cougarten opened this issue Jun 3, 2023 · 2 comments
Labels
enhancement New feature or request

Comments

@cougarten
Copy link

cougarten commented Jun 3, 2023

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 cougarten added the enhancement New feature or request label Jun 3, 2023
@cougarten
Copy link
Author

cougarten commented Jun 3, 2023

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

@huhridge
Copy link
Owner

huhridge commented Dec 6, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants