josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drop the boxed background on the saved-offline card badge

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-28 20:30:13 +08:00
parent ba697e5d11
commit b6fdff2438
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/styles.css
View File

@@ -1025,28 +1025,25 @@ input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.25); }
.card.dragging { opacity: 0.4; } .card.dragging { opacity: 0.4; }
.card.drag-over { border-color: var(--accent) !important; box-shadow: 0 0 0 2px var(--accent-glow); } .card.drag-over { border-color: var(--accent) !important; box-shadow: 0 0 0 2px var(--accent-glow); }
/* Saved-offline badge on cards */ /* Saved-offline badge on cards — just the glyph, no boundary shape behind it */
.saved-badge { .saved-badge {
position: absolute; left: 5px; bottom: 5px; position: absolute; left: 5px; bottom: 5px;
display: none; display: none;
align-items: center; justify-content: center; align-items: center; justify-content: center;
width: 18px; height: 18px; width: 18px; height: 18px;
background: rgba(126, 224, 168, 0.92); color: #7ee0a8;
color: #06281a; font-size: 12px; font-weight: 700;
font-size: 10px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,0.85);
border-radius: 5px;
backdrop-filter: blur(2px);
} }
.card.cached .saved-badge { display: flex; } .card.cached .saved-badge { display: flex; }
.card.downloading .saved-badge { .card.downloading .saved-badge {
display: flex; display: flex;
background: rgba(255, 200, 80, 0.92); color: #ffc850;
color: #2a1d00;
animation: pulse 1s ease-in-out infinite; animation: pulse 1s ease-in-out infinite;
} }
.card.downloading .saved-badge::before { content: "⏳"; } .card.downloading .saved-badge::before { content: "⏳"; }
.card.downloading .saved-badge { font-size: 0; } .card.downloading .saved-badge { font-size: 0; }
.card.downloading .saved-badge::before { font-size: 10px; } .card.downloading .saved-badge::before { font-size: 12px; }
/* Download progress bar on card thumb */ /* Download progress bar on card thumb */
.dl-progress { .dl-progress {