Keep link chip visible beside truncated result titles
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user