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

1
js/components/pages/page-my-listings.js
View File

@@ -181,6 +181,7 @@ style.textContent = /* css */`
page-my-listings .listing-wrapper { page-my-listings .listing-wrapper {
position: relative; position: relative;
min-width: 0;
} }
page-my-listings .status-badge { page-my-listings .status-badge {