itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-22 22:45:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): stable play/enqueue hover on album rails and mainstage cards (#787)

Browse Source 
* fix(ui): stable play/enqueue hover on album rails and mainstage cards

Horizontal Home rails (Discover): drop content-visibility:auto and scroll-snap,
pin controls to cover hover, dim overlay via background. Grids and song cards:
pointer-events on overlays so WebKitGTK/Wayland GPU does not lose :hover.

* chore: CHANGELOG and credits for PR #787
This commit is contained in:
cucadmuh
2026-05-18 23:35:08 +03:00
committed by GitHub
parent d7abf9be3b
commit d7b23b3c08
5 changed files with 91 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/tracks/song-card.css
+11 -3
View File
@@ -46,10 +46,12 @@
justify-content: center;
gap: 6px;
opacity: 0;
pointer-events: none;
transition: opacity var(--transition-base);
}
.song-card:hover .song-card-play-overlay {
.song-card:hover .song-card-play-overlay,
.song-card:focus-within .song-card-play-overlay {
opacity: 1;
}
@@ -64,12 +66,18 @@
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform var(--transition-fast);
pointer-events: none;
transition: filter var(--transition-fast);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.song-card:hover .song-card-action-btn,
.song-card:focus-within .song-card-action-btn {
pointer-events: auto;
}
.song-card-action-btn:hover {
transform: scale(1.08);
filter: brightness(1.08);
}
.song-card-info {