History: paste name under Paste column, drop Description column (#43)
This commit is contained in:
@@ -292,3 +292,7 @@ td a.slug:hover { color: var(--accent); }
|
|||||||
.unlock-card .pw-field { margin: 18px 0 4px; text-align: left; }
|
.unlock-card .pw-field { margin: 18px 0 4px; text-align: left; }
|
||||||
.unlock-card .pw-field input { text-align: left; }
|
.unlock-card .pw-field input { text-align: left; }
|
||||||
.unlock-err { margin-top: 10px; font-size: 20.7px; color: #ff8fa3; }
|
.unlock-err { margin-top: 10px; font-size: 20.7px; color: #ff8fa3; }
|
||||||
|
|
||||||
|
/* paste name under slug pill in Paste column (#43) */
|
||||||
|
.paste-sub { font-size: 19.8px; color: var(--muted-fg); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
|
.paste-sub.dim { color: var(--muted); }
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
<div class="search"><input id="filter" placeholder="Search…"><span class="search-spinner" id="search-spinner"></span></div>
|
<div class="search"><input id="filter" placeholder="Search…"><span class="search-spinner" id="search-spinner"></span></div>
|
||||||
<div class="float">
|
<div class="float">
|
||||||
<table>
|
<table>
|
||||||
<colgroup><col style="width:220px"><col><col style="width:156px"><col style="width:138px"><col style="width:111px"><col style="width:165px"></colgroup>
|
<colgroup><col style="width:300px"><col style="width:156px"><col style="width:138px"><col style="width:111px"><col style="width:165px"></colgroup>
|
||||||
<thead><tr><th>Paste</th><th>Description</th><th>Language</th><th>Size</th><th>Views</th><th>Created</th></tr></thead>
|
<thead><tr><th>Paste</th><th>Language</th><th>Size</th><th>Views</th><th>Created</th></tr></thead>
|
||||||
<tbody id="rows"></tbody>
|
<tbody id="rows"></tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="empty" id="empty" style="display:none">No pastes yet. Create the first one.</div>
|
<div class="empty" id="empty" style="display:none">No pastes yet. Create the first one.</div>
|
||||||
@@ -68,8 +68,8 @@ async function load() {
|
|||||||
} else {
|
} else {
|
||||||
$('empty').style.display = 'none';
|
$('empty').style.display = 'none';
|
||||||
rows.innerHTML = items.map(it =>
|
rows.innerHTML = items.map(it =>
|
||||||
`<tr class="row" data-href="/${esc(it.id)}"><td><a class="slug" href="/${esc(it.id)}">${esc(it.id)}</a></td>` +
|
`<tr class="row" data-href="/${esc(it.id)}"><td><a class="slug" href="/${esc(it.id)}">${esc(it.id)}</a>` +
|
||||||
`<td class="title-cell">${it.title ? esc(it.title) : '<span class=dim>none</span>'}</td>` +
|
(it.title ? `<div class="paste-sub">${esc(it.title)}</div>` : `<div class="paste-sub dim">none</div>`) + `</td>` +
|
||||||
`<td><span class="badge">${esc(it.language || 'text')}</span></td>` +
|
`<td><span class="badge">${esc(it.language || 'text')}</span></td>` +
|
||||||
`<td class="dim">${fmtSize(it.size)}</td><td class="dim">${it.view_count}</td><td class="dim">${ago(it.created_at)}</td></tr>`
|
`<td class="dim">${fmtSize(it.size)}</td><td class="dim">${it.view_count}</td><td class="dim">${ago(it.created_at)}</td></tr>`
|
||||||
).join('');
|
).join('');
|
||||||
|
|||||||
Reference in New Issue
Block a user