danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Standardize Discogs worker hover tooltip to match other enrichment buttons

Browse source
This commit is contained in:
Broque Thomas 2026-04-11 17:40:41 -07:00
parent 1e078192f0
commit d39db04ac0
1 changed files with 34 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
webui/static/style.css
View file

@ -34972,38 +34972,54 @@ body.helper-mode-active #dashboard-activity-feed:hover {
/* Tooltip */ /* Tooltip */
.discogs-tooltip { .discogs-tooltip {
display: none;
position: absolute; position: absolute;
bottom: calc(100% + 12px);
left: 50%; left: 50%;
transform: translateX(-50%); top: calc(100% + 12px);
z-index: 100; transform: translateX(-50%) translateY(-5px);
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none; pointer-events: none;
} }
.discogs-button-container:hover .discogs-tooltip { display: block; } .discogs-button:hover+.discogs-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.discogs-tooltip-content { .discogs-tooltip-content {
background: rgba(14, 14, 20, 0.97); min-width: 260px;
border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(135deg, rgba(30, 30, 30, 0.98) 0%, rgba(20, 20, 20, 0.99) 100%);
border-radius: 12px; backdrop-filter: blur(40px) saturate(1.6);
padding: 12px 16px; -webkit-backdrop-filter: blur(40px) saturate(1.6);
min-width: 200px; border: 1px solid rgba(255, 255, 255, 0.3);
backdrop-filter: blur(20px); border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); padding: 16px 18px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
} }
.discogs-tooltip-header { .discogs-tooltip-header {
font-family: 'SF Pro Display', -apple-system, sans-serif;
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 600;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.95);
margin-bottom: 8px; letter-spacing: -0.2px;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
} }
.discogs-tooltip-body { .discogs-tooltip-body {
font-size: 11px; display: flex;
color: rgba(255, 255, 255, 0.5); flex-direction: column;
line-height: 1.6; gap: 8px;
}
#discogs-tooltip-status {
color: rgb(var(--accent-light-rgb));
font-weight: 600;
} }
.deezer-button-container { .deezer-button-container {