Keep link chip visible beside truncated result titles
This commit is contained in:
@@ -95,10 +95,20 @@
|
||||
.results-table .title-line {
|
||||
font-weight: 700;
|
||||
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;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.results-table .title-line .link-chip {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.results-table .author-cell {
|
||||
max-width: 160px;
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -259,7 +259,10 @@ export function renderResults() {
|
||||
<td class="game-cell">
|
||||
${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
|
||||
<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)}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user