mikael-lovqvists-claude-agent/electronics-inventory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Grid cell label: left-align, count left of index

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
mikael-lovqvists-claude-agent
2026-03-22 01:24:21 +00:00
parent 258f9b6491
commit ad96a53246
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/app.mjs
View File

@@ -1294,7 +1294,6 @@ function render_grid_viewer() {
cell.classList.add('empty'); cell.classList.add('empty');
} }
const label_el = qs(cell, '.grid-cell-label'); const label_el = qs(cell, '.grid-cell-label');
label_el.textContent = `R${row + 1}C${col + 1}`;
const count = all_inventory.filter(inv => const count = all_inventory.filter(inv =>
inv.location_type === 'grid' && inv.grid_id === grid.id && inv.location_type === 'grid' && inv.grid_id === grid.id &&
@@ -1307,6 +1306,10 @@ function render_grid_viewer() {
label_el.appendChild(badge); label_el.appendChild(badge);
} }
const index_span = document.createElement('span');
index_span.textContent = `R${row + 1}C${col + 1}`;
label_el.appendChild(index_span);
cell.addEventListener('click', (e) => open_cell_inventory(grid, row, col, e)); cell.addEventListener('click', (e) => open_cell_inventory(grid, row, col, e));
return cell; return cell;
}); });

4
public/style.css
View File

@@ -1484,13 +1484,13 @@ nav {
.grid-cell-label { .grid-cell-label {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
gap: 0.3em; gap: 0.3em;
font-size: 0.65rem; font-size: 0.65rem;
color: var(--text-dim); color: var(--text-dim);
text-align: center;
font-family: var(--font-mono); font-family: var(--font-mono);
padding-left: 1px;
} }
.grid-cell-count { .grid-cell-count {