SILVER
/
NODEDC_SITE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix admin viewport spacing

This commit is contained in:
dcconstructions 2026-06-26 02:19:41 +03:00
parent cc45b1c445
commit 1fff504a7c
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
admin/admin.css
View File

@ -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;
}

6
admin/admin.js
View File

@ -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: () => {