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.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 {
position: absolute; left: 5px; bottom: 5px;
display: none;
align-items: center; justify-content: center;
width: 18px; height: 18px;
background: rgba(126, 224, 168, 0.92);
color: #06281a;
font-size: 10px; font-weight: 700;
border-radius: 5px;
backdrop-filter: blur(2px);
color: #7ee0a8;
font-size: 12px; font-weight: 700;
text-shadow: 0 1px 3px rgba(0,0,0,0.85);
}
.card.cached .saved-badge { display: flex; }
.card.downloading .saved-badge {
display: flex;
background: rgba(255, 200, 80, 0.92);
color: #2a1d00;
color: #ffc850;
animation: pulse 1s ease-in-out infinite;
}
.card.downloading .saved-badge::before { content: "⏳"; }
.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 */
.dl-progress {