Keep link chip visible beside truncated result titles

This commit is contained in:
2026-02-05 11:42:56 +01:00
parent 39cad5da44
commit 56a3f185e0
2 changed files with 14 additions and 1 deletions

View File

@@ -95,10 +95,20 @@
.results-table .title-line { .results-table .title-line {
font-weight: 700; font-weight: 700;
max-width: 600px; max-width: 600px;
display: flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.results-table .title-line .title-text {
min-width: 0;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.results-table .title-line .link-chip {
flex: 0 0 auto;
}
.results-table .author-cell { .results-table .author-cell {
max-width: 160px; max-width: 160px;
white-space: nowrap; white-space: nowrap;

View File

@@ -259,7 +259,10 @@ export function renderResults() {
<td class="game-cell"> <td class="game-cell">
${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''} ${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
<div class="game-meta"> <div class="game-meta">
<div class="title-line">${r.name} ${renderLinkBadge(r)}</div> <div class="title-line">
<span class="title-text">${r.name}</span>
${renderLinkBadge(r)}
</div>
${buildResultMeta(r)} ${buildResultMeta(r)}
</div> </div>
</td> </td>