schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

fix: prevent text wrap in listing-card, ensure equal card widths with ellipsis overflow

Browse Source
This commit is contained in:
Schmidt
2026-02-05 15:13:45 +01:00
parent 08a650ea80
commit dc2cd07e0c
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
js/components/listing-card.js
View File

@@ -189,6 +189,7 @@ style.textContent = /* css */`
border-radius: var(--radius-md);
overflow: hidden;
transition: box-shadow var(--transition-fast);
min-width: 0;
}
listing-card:hover {
@@ -244,18 +245,27 @@ style.textContent = /* css */`
font-weight: var(--font-weight-bold);
color: var(--color-primary);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
listing-card .listing-price-secondary {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
listing-card .listing-location {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
listing-card .favorite-btn {