.model-chip loses its 16ch ellipsis cap; listed/model/linked badges move out of the name cell into a dedicated nowrap column.
- commit
- f7f6796eb8e5bb8c0eac9203f3070bcf390e7094
- parent
- 46f297b5bca03c33388a963defbf833d87e35561
- author
- Dami <dami.etoile@gmail.com>
| M | web/ | 17 | +++++++++-------- |
| M | web/ | 5 | +++-- |
@@ -127,19 +127,20 @@ function paintScripts(
127127 'td',128128 null,129129 h('div', null, h('strong', null, s.title ?? s.name), s.title ? h('span', { class: 'mono muted' }, ` ${s.name}`) : null),130- h(131- 'div',132- { class: 'row badge-row' },133- s.listed ? h('span', { class: 'badge listed' }, 'listed') : null,134- s.modelId ? h('span', { class: 'badge model-chip', title: s.modelId }, modelLabel(models, s.modelId)) : null,135- s.linkedScriptId ? h('span', { class: 'badge', title: `deduplicated to ${s.linkedScriptId}` }, 'linked') : null,136- ),130+ );131+ const badgesCell = h(132+ 'td',133+ { class: 'badges-cell' },134+ s.listed ? h('span', { class: 'badge listed' }, 'listed') : null,135+ s.modelId ? h('span', { class: 'badge model-chip', title: s.modelId }, modelLabel(models, s.modelId)) : null,136+ s.linkedScriptId ? h('span', { class: 'badge', title: `deduplicated to ${s.linkedScriptId}` }, 'linked') : null,137137 );138138 return h(139139 'tr',140140 null,141141 h('td', null, starButton(s, () => void refresh())),142142 nameCell,143+ badgesCell,143144 h('td', { class: 'mono' }, `v${s.version}`),144145 // One compact cell, noteworthy states only: the star already means145146 // pinned, and 'validated' is the unremarkable default.@@ -185,7 +186,7 @@ function paintScripts(
185186 h(186187 'thead',187188 null,188- h('tr', null, h('th'), h('th', null, 'Script'), h('th', null, 'Ver'), h('th'), h('th')),189+ h('tr', null, h('th'), h('th', null, 'Script'), h('th'), h('th', null, 'Ver'), h('th'), h('th')),189190 ),190191 h('tbody', null, rows),191192 ),@@ -273,9 +273,10 @@ pre.snippet {
273273 .badge.model-chip {274274 color: var(--accent);275275 border-color: var(--accent-dim);276- max-width: 16ch;277- overflow: hidden; text-overflow: ellipsis; white-space: nowrap;276+ white-space: nowrap;278277 }278+td.badges-cell { white-space: nowrap; }279+td.badges-cell .badge { margin-right: 0.3rem; }279280 td.actions-cell { white-space: nowrap; }280281 td.actions-cell button { margin-right: 0.25rem; }281282