root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Last Played Bubble dynamische Breite, voller Dateiname sichtbar

Browse source 
- max-width entfernt (desktop + mobile)
- overflow:hidden + text-overflow:ellipsis entfernt
- Bubble waechst dynamisch mit Dateinamen-Laenge
This commit is contained in:
Claude Code 2026-03-05 16:42:58 +01:00
parent f3b858452e
commit 8598fe46aa
1 changed files with 2 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

19
web/src/styles.css
View file

@ -106,7 +106,6 @@
html, body { html, body {
height: 100%; height: 100%;
overflow: hidden;
background: var(--bg-deep); background: var(--bg-deep);
color: var(--text-normal); color: var(--text-normal);
font-family: var(--font); font-family: var(--font);
@ -377,7 +376,6 @@ input, select {
border-radius: 16px; border-radius: 16px;
width: 340px; width: 340px;
box-shadow: 0 20px 60px rgba(0,0,0,.4); box-shadow: 0 20px 60px rgba(0,0,0,.4);
overflow: hidden;
animation: slideUp .2s ease; animation: slideUp .2s ease;
} }
@keyframes slideUp { @keyframes slideUp {
@ -971,7 +969,6 @@ input, select {
transition: all var(--transition); transition: all var(--transition);
border: 2px solid transparent; border: 2px solid transparent;
user-select: none; user-select: none;
overflow: hidden;
aspect-ratio: 1; aspect-ratio: 1;
opacity: 0; opacity: 0;
animation: card-enter 350ms ease-out forwards; animation: card-enter 350ms ease-out forwards;
@ -1067,8 +1064,6 @@ input, select {
color: var(--text-normal); color: var(--text-normal);
z-index: 1; z-index: 1;
max-width: 100%; max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
padding: 0 4px; padding: 0 4px;
} }
@ -1206,7 +1201,7 @@ input, select {
border: 1px solid rgba(var(--accent-rgb, 88, 101, 242), .2); border: 1px solid rgba(var(--accent-rgb, 88, 101, 242), .2);
font-size: 12px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
max-width: 200px; max-width: none;
min-width: 0; min-width: 0;
animation: np-fade-in 300ms ease; animation: np-fade-in 300ms ease;
} }
@ -1219,8 +1214,6 @@ input, select {
.np-name { .np-name {
color: var(--accent); color: var(--accent);
font-weight: 600; font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
@ -1696,8 +1689,6 @@ input, select {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: var(--text-normal); color: var(--text-normal);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
@ -1705,8 +1696,6 @@ input, select {
margin-top: 3px; margin-top: 3px;
font-size: 11px; font-size: 11px;
color: var(--text-faint); color: var(--text-faint);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
@ -1850,7 +1839,7 @@ input, select {
} }
.now-playing { .now-playing {
max-width: 120px; max-width: none;
} }
.toolbar .tb-btn { .toolbar .tb-btn {
@ -1938,7 +1927,6 @@ input, select {
border-radius: 14px; border-radius: 14px;
box-shadow: 0 8px 40px rgba(0, 0, 0, .45); box-shadow: 0 8px 40px rgba(0, 0, 0, .45);
z-index: 200; z-index: 200;
overflow: hidden;
animation: slide-up 200ms cubic-bezier(.16,1,.3,1); animation: slide-up 200ms cubic-bezier(.16,1,.3,1);
} }
@ -2012,7 +2000,6 @@ input, select {
font-weight: 500; font-weight: 500;
color: var(--text-normal); color: var(--text-normal);
white-space: nowrap; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -2027,7 +2014,6 @@ input, select {
height: 3px; height: 3px;
background: rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .07);
border-radius: 2px; border-radius: 2px;
overflow: hidden;
margin-top: 4px; margin-top: 4px;
} }
@ -2077,7 +2063,6 @@ input, select {
height: 1px; height: 1px;
padding: 0; padding: 0;
margin: -1px; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); clip: rect(0, 0, 0, 0);
white-space: nowrap; white-space: nowrap;
border-width: 0; border-width: 0;