fix: player-track overflow:visible so vinyl circle is not clipped
overflow:hidden on .player-track was cutting off the border-radius and box-shadow ring of the circular cover art on all sides except one. Text truncation is handled by the individual text elements themselves. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
c470ff9d12
commit
c1f71c1d06
2 files changed
+2
-2
No files matched your search
+1
-1
@@ -175,7 +175,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
|
||||
|
||||
/* ── PLAYER ── */
|
||||
.player{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);background:rgba(8,8,20,.93);backdrop-filter:blur(28px);border-top:1px solid var(--border2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;padding:0 20px;z-index:100}
|
||||
.player-track{min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden}
|
||||
.player-track{min-width:0;display:flex;align-items:center;gap:10px;overflow:visible}
|
||||
.player-art{width:52px;height:52px;border-radius:50%;background:var(--surface2);flex-shrink:0;overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--surface2),0 0 0 4px rgba(255,255,255,.08)}
|
||||
.player-art img{width:100%;height:100%;object-fit:cover;border-radius:50%}
|
||||
.player-art .no-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text3)}
|
||||
|
||||
Reference in new issue
Block a user