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

feat: wrap discog modal card titles instead of truncating

Browse source 
Card titles in the discography modal now display their full text
across multiple lines rather than being cut off with an ellipsis.
Artwork and the selection checkbox are pinned to the top of the card
so they align with the first line of text when titles wrap.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
dlynas 2026-05-08 17:03:01 -04:00
parent 09597eb6db
commit 503f07b9fc
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
webui/static/style.css
View file

@ -45427,7 +45427,7 @@ textarea.enhanced-meta-field-input {
}
.discog-card {
display: flex; align-items: center; gap: 10px;
display: flex; align-items: flex-start; gap: 10px;
padding: 8px 10px; border-radius: 10px;
background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.04);
cursor: pointer; transition: all 0.15s ease;
@ -45464,7 +45464,7 @@ textarea.enhanced-meta-field-input {
.discog-card-title {
font-size: 13px; font-weight: 600; color: #fff;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
white-space: normal; word-break: break-word;
}
.discog-card-meta { font-size: 11px; color: rgba(255,255,255,0.35); margin-top: 2px; }
@ -45473,6 +45473,7 @@ textarea.enhanced-meta-field-input {
width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0;
border: 2px solid rgba(255,255,255,0.15); transition: all 0.15s ease;
display: flex; align-items: center; justify-content: center;
margin-top: 2px;
}
.discog-card-cb:checked ~ .discog-card-check {