diff --git a/admin/admin.css b/admin/admin.css index 8b81c2b..48c043a 100644 --- a/admin/admin.css +++ b/admin/admin.css @@ -18,7 +18,8 @@ --nodedc-shell-pill-height: 3.45rem; --nodedc-shell-pill-padding: 0.32rem; --nodedc-shell-control-height: 2.78rem; - --admin-nav-width: clamp(20.75rem, 19.5vw, 22rem); + --admin-viewport-gap: 1.5rem; + --admin-nav-width: clamp(22.5rem, 21vw, 25rem); --admin-nav-pad: 1.1rem; --admin-panel-gap: 1.25rem; --admin-control-ring: 2.78rem; @@ -271,9 +272,12 @@ p { display: grid; grid-template-columns: var(--admin-nav-width) minmax(0, 1fr); gap: var(--admin-panel-gap); - width: min(94rem, calc(100vw - 2.5rem)); - height: min(calc(100vh - 6.65rem), 52rem); - margin: 0 auto 1.25rem; + width: calc(100vw - (var(--admin-viewport-gap) * 2)); + height: calc( + 100vh - var(--nodedc-shell-height) - var(--nodedc-shell-padding-top) - var(--nodedc-shell-padding-bottom) - + var(--admin-viewport-gap) + ); + margin: 0 auto var(--admin-viewport-gap); overflow: visible; } @@ -400,6 +404,7 @@ p { min-height: 0; overflow: auto; padding-bottom: 1rem; + padding-right: 0.1rem; } .region-title { @@ -474,16 +479,18 @@ p { .block-name { overflow: hidden; - font-size: 0.91rem; + font-size: 0.88rem; font-weight: 760; + line-height: 1.16; text-overflow: ellipsis; white-space: nowrap; } .block-meta { overflow: hidden; - font-size: 0.72rem; + font-size: 0.68rem; font-weight: 650; + line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; } diff --git a/admin/admin.js b/admin/admin.js index 14e7e14..e8e8824 100644 --- a/admin/admin.js +++ b/admin/admin.js @@ -334,6 +334,10 @@ function labelForRegion(region) { return region.label || region.id; } +function blockMeta(block) { + return block.template || block.type || block.id; +} + function renderBlockButton({ list, block, meta, active, disabled, onClick }) { const button = document.createElement("button"); const icon = document.createElement("span"); @@ -398,7 +402,7 @@ function renderRegions() { renderBlockButton({ list, block, - meta: `${block.id} ยท ${block.template || block.type}`, + meta: blockMeta(block), active: isActive, disabled: block.enabled === false, onClick: () => {