melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: add pending and catalog placeholders

Browse Source
This commit is contained in:
mkelvers
2026-04-12 14:53:37 +02:00
parent eda055fea3
commit 39f09c104f
6 changed files with 106 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
static/css/style.css
View File

@@ -295,6 +295,37 @@ main {
min-width: 0;
}
.catalog-placeholder {
pointer-events: none;
}
.catalog-placeholder-thumb {
width: 100%;
max-height: var(--poster-max-height);
aspect-ratio: 2 / 3;
background: linear-gradient(90deg, var(--surface-search) 0%, rgba(255, 255, 255, 0.08) 45%, var(--surface-search) 100%);
background-size: 220% 100%;
animation: placeholder-shimmer 1.4s linear infinite;
}
.catalog-placeholder-title {
margin-top: var(--space-2);
height: 0.9rem;
width: 80%;
background: linear-gradient(90deg, var(--surface-search) 0%, rgba(255, 255, 255, 0.08) 45%, var(--surface-search) 100%);
background-size: 220% 100%;
animation: placeholder-shimmer 1.4s linear infinite;
}
@keyframes placeholder-shimmer {
from {
background-position: 100% 0;
}
to {
background-position: -100% 0;
}
}
.catalog-item > a,
.catalog-item a,
.relation-card,