style: auto-fix linting issues

This commit is contained in:
JulienMaille 2026-01-25 10:45:46 +00:00 committed by github-actions[bot]
parent 4ca1923f15
commit d5489edf01

View file

@ -337,6 +337,7 @@ kbd {
padding: var(--spacing-xl); padding: var(--spacing-xl);
scroll-behavior: smooth; scroll-behavior: smooth;
position: relative; position: relative;
/* Context for background */ /* Context for background */
padding-bottom: 160px !important; padding-bottom: 160px !important;
} }
@ -636,7 +637,6 @@ body.has-page-background .track-item:hover {
} }
@keyframes pulse { @keyframes pulse {
0%, 0%,
100% { 100% {
opacity: 1; opacity: 1;
@ -942,7 +942,6 @@ body.has-page-background .track-item:hover {
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
#home-recommended-songs, #home-recommended-songs,
#artist-detail-tracks, #artist-detail-tracks,
#playlist-detail-recommended { #playlist-detail-recommended {
@ -984,9 +983,11 @@ body.has-page-background .track-item:hover {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
width: 155px; width: 155px;
/* Fixed width to ensure consistent flow */ /* Fixed width to ensure consistent flow */
margin: 0 var(--spacing-md) var(--spacing-md) 0; margin: 0 var(--spacing-md) var(--spacing-md) 0;
white-space: normal; white-space: normal;
/* Reset in case inherited */ /* Reset in case inherited */
} }
@ -994,6 +995,7 @@ body.has-page-background .track-item:hover {
font-size: 1.4rem; font-size: 1.4rem;
margin-bottom: var(--spacing-md); margin-bottom: var(--spacing-md);
clear: none; clear: none;
/* Allow sitting next to float */ /* Allow sitting next to float */
} }
} }
@ -1130,6 +1132,7 @@ body.has-page-background .track-item:hover {
border-radius: var(--radius); border-radius: var(--radius);
transition: all var(--transition); transition: all var(--transition);
display: none; display: none;
/* Controlled by data-track-actions-mode */ /* Controlled by data-track-actions-mode */
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1154,6 +1157,7 @@ body.has-page-background .track-item:hover {
.track-actions-inline { .track-actions-inline {
display: none; display: none;
/* Controlled by data-track-actions-mode */ /* Controlled by data-track-actions-mode */
gap: 0.25rem; gap: 0.25rem;
opacity: 0.2; opacity: 0.2;
@ -1191,6 +1195,7 @@ body.has-page-background .track-item:hover {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
/* Prevent buttons from squishing */ /* Prevent buttons from squishing */
} }
@ -1528,11 +1533,11 @@ body.has-page-background .track-item:hover {
border-radius: 50%; border-radius: 50%;
} }
input:checked+.slider { input:checked + .slider {
background-color: var(--primary); background-color: var(--primary);
} }
input:checked+.slider::before { input:checked + .slider::before {
transform: translateX(16px); transform: translateX(16px);
background-color: var(--primary-foreground); background-color: var(--primary-foreground);
} }
@ -1993,7 +1998,9 @@ input:checked+.slider::before {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: opacity 0.2s, right 0.3s ease; transition:
opacity 0.2s,
right 0.3s ease;
z-index: 10; z-index: 10;
opacity: 0.5; opacity: 0.5;
} }
@ -2044,11 +2051,13 @@ input:checked+.slider::before {
flex-direction: column; flex-direction: column;
gap: 0.2rem; gap: 0.2rem;
opacity: 0; opacity: 0;
/* Initially hidden for animation */ /* Initially hidden for animation */
} }
#fullscreen-next-track.animate-in { #fullscreen-next-track.animate-in {
animation: fade-in 0.5s ease 0.2s forwards; animation: fade-in 0.5s ease 0.2s forwards;
/* Added forwards to keep opacity 1 */ /* Added forwards to keep opacity 1 */
} }
@ -3047,6 +3056,7 @@ input:checked+.slider::before {
.card.compact.user-playlist .edit-playlist-btn, .card.compact.user-playlist .edit-playlist-btn,
.card.compact.user-playlist .delete-playlist-btn { .card.compact.user-playlist .delete-playlist-btn {
display: none !important; display: none !important;
/* Hide edit/delete on compact view to prevent covering image */ /* Hide edit/delete on compact view to prevent covering image */
} }
@ -3202,7 +3212,10 @@ img[src=''] {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 6rem 2rem 2rem; padding: 6rem 2rem 2rem;
transition: flex 0.3s ease, padding-right 0.3s ease, margin-right 0.3s ease; transition:
flex 0.3s ease,
padding-right 0.3s ease,
margin-right 0.3s ease;
} }
.fullscreen-lyrics-toggle { .fullscreen-lyrics-toggle {
@ -3219,7 +3232,9 @@ img[src=''] {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: all 0.2s ease, right 0.3s ease; transition:
all 0.2s ease,
right 0.3s ease;
} }
.fullscreen-lyrics-toggle:hover { .fullscreen-lyrics-toggle:hover {
@ -3655,6 +3670,7 @@ img[src=''] {
#fullscreen-cover-image { #fullscreen-cover-image {
max-height: 45vh; max-height: 45vh;
/* Reduce height on mobile to fit text */ /* Reduce height on mobile to fit text */
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -4620,7 +4636,10 @@ body.sidebar-collapsed #sidebar-toggle {
/* Fullscreen layout shift when side panel is active */ /* Fullscreen layout shift when side panel is active */
body:has(#side-panel.active) .fullscreen-main-view { body:has(#side-panel.active) .fullscreen-main-view {
transition: flex 0.3s ease, padding-right 0.3s ease, margin-right 0.3s ease; transition:
flex 0.3s ease,
padding-right 0.3s ease,
margin-right 0.3s ease;
} }
body:has(#side-panel.active) .fullscreen-main-view { body:has(#side-panel.active) .fullscreen-main-view {