Widen inventory dialog; fix grid picker cell size to 64px with scroll

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-22 01:20:17 +00:00
parent 64af0862f2
commit 8fa4a54f9e
3 changed files with 5 additions and 5 deletions

View File

@@ -1666,7 +1666,7 @@ function open_inventory_dialog(entry = null, default_component_id = null, defaul
function rebuild_grid_visual() { function rebuild_grid_visual() {
const grid = all_grids.find(g => g.id === grid_sel.value); const grid = all_grids.find(g => g.id === grid_sel.value);
if (!grid) { grid_visual.replaceChildren(); return; } if (!grid) { grid_visual.replaceChildren(); return; }
grid_visual.style.gridTemplateColumns = `repeat(${grid.cols}, 1fr)`; grid_visual.style.gridTemplateColumns = `repeat(${grid.cols}, 64px)`;
const cells = []; const cells = [];
for (let r = 0; r < grid.rows; r++) { for (let r = 0; r < grid.rows; r++) {
for (let c = 0; c < grid.cols; c++) { for (let c = 0; c < grid.cols; c++) {

View File

@@ -1506,9 +1506,9 @@ nav {
.i-grid-visual { .i-grid-visual {
display: grid; display: grid;
gap: 2px; gap: 3px;
max-height: 320px; max-height: 420px;
overflow-y: auto; overflow: auto;
} }
.igv-cell { .igv-cell {

View File

@@ -415,7 +415,7 @@
<!-- ===== DIALOG: INVENTORY ENTRY ===== --> <!-- ===== DIALOG: INVENTORY ENTRY ===== -->
<template id="t-dialog-inventory"> <template id="t-dialog-inventory">
<dialog id="dialog-inventory" class="app-dialog"> <dialog id="dialog-inventory" class="app-dialog app-dialog-wide">
<h2 class="dialog-title"></h2> <h2 class="dialog-title"></h2>
<form method="dialog" id="form-inventory"> <form method="dialog" id="form-inventory">
<div class="form-row"> <div class="form-row">