ab/furumusic
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Activity

PLAYER: added simple rating
Build and Publish / Build and Publish Docker Image (push) Successful in 2m55s
Details

Browse Source
This commit is contained in:
Ultradesu
2026-05-27 12:55:31 +03:00
parent 04c30bc4b8
commit 538a6f6abf
5 changed files with 176 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/player/styles.html
+91 -4
View File
@@ -661,11 +661,20 @@ button.user-stat:hover {
display: flex;
align-items: center;
gap: 2px;
opacity: 0;
opacity: 1;
transition: opacity 0.15s;
}
.track-row:hover .track-actions { opacity: 1; }
.track-actions > :not(.popularity-info-btn) {
opacity: 0;
pointer-events: none;
transition: opacity 0.15s;
}
.track-row:hover .track-actions > * {
opacity: 1;
pointer-events: auto;
}
.track-action-btn {
background: none;
@@ -692,6 +701,43 @@ button.user-stat:hover {
color: var(--text-primary);
}
.popularity-info-btn {
min-width: 26px;
height: 20px;
padding: 0 3px;
border: 0;
border-radius: 0;
background: transparent;
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
font-variant-numeric: tabular-nums;
}
.popularity-info-btn.has-popularity {
color: var(--popularity-fg, var(--text-primary));
background: transparent;
}
.popularity-info-btn.has-popularity:hover {
color: var(--popularity-fg, var(--text-primary));
background: transparent;
}
.popularity-info-btn.no-popularity {
min-width: 18px;
width: 18px;
padding: 0;
}
.popularity-info-btn .info-letter {
font-size: 12px;
font-weight: 800;
font-style: normal;
line-height: 1;
}
.card-info-btn {
position: absolute;
top: 8px;
@@ -926,12 +972,21 @@ button.user-stat:hover {
display: flex;
align-items: center;
gap: 2px;
opacity: 0;
opacity: 1;
transition: opacity 0.15s;
flex-shrink: 0;
}
.queue-track:hover .queue-track-actions { opacity: 1; }
.queue-track-actions > :not(.popularity-info-btn) {
opacity: 0;
pointer-events: none;
transition: opacity 0.15s;
}
.queue-track:hover .queue-track-actions > * {
opacity: 1;
pointer-events: auto;
}
.queue-track-remove {
background: none;
@@ -948,6 +1003,20 @@ button.user-stat:hover {
.queue-track-remove:hover { color: var(--text-primary); background: var(--bg-hover); }
.queue-track-remove.popularity-info-btn {
min-width: 26px;
width: auto;
height: 20px;
padding: 0 3px;
border-radius: 0;
}
.queue-track-remove.popularity-info-btn.no-popularity {
min-width: 18px;
width: 18px;
padding: 0;
}
/* Drag handle */
.queue-drag-handle {
cursor: grab;
@@ -2807,6 +2876,24 @@ button.user-stat:hover {
padding: 6px;
}
.popularity-info-btn {
min-width: 28px;
height: 22px;
padding: 0 3px;
}
.popularity-info-btn.no-popularity {
min-width: 20px;
width: 20px;
padding: 0;
}
.track-actions > *,
.queue-track-actions > * {
opacity: 1;
pointer-events: auto;
}
.track-action-btn svg,
.like-btn svg {
width: 17px;