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-height: 3.45rem;
--nodedc-shell-pill-padding: 0.32rem; --nodedc-shell-pill-padding: 0.32rem;
--nodedc-shell-control-height: 2.78rem; --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-nav-pad: 1.1rem;
--admin-panel-gap: 1.25rem; --admin-panel-gap: 1.25rem;
--admin-control-ring: 2.78rem; --admin-control-ring: 2.78rem;
@ -271,9 +272,12 @@ p {
display: grid; display: grid;
grid-template-columns: var(--admin-nav-width) minmax(0, 1fr); grid-template-columns: var(--admin-nav-width) minmax(0, 1fr);
gap: var(--admin-panel-gap); gap: var(--admin-panel-gap);
width: min(94rem, calc(100vw - 2.5rem)); width: calc(100vw - (var(--admin-viewport-gap) * 2));
height: min(calc(100vh - 6.65rem), 52rem); height: calc(
margin: 0 auto 1.25rem; 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; overflow: visible;
} }
@ -400,6 +404,7 @@ p {
min-height: 0; min-height: 0;
overflow: auto; overflow: auto;
padding-bottom: 1rem; padding-bottom: 1rem;
padding-right: 0.1rem;
} }
.region-title { .region-title {
@ -474,16 +479,18 @@ p {
.block-name { .block-name {
overflow: hidden; overflow: hidden;
font-size: 0.91rem; font-size: 0.88rem;
font-weight: 760; font-weight: 760;
line-height: 1.16;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.block-meta { .block-meta {
overflow: hidden; overflow: hidden;
font-size: 0.72rem; font-size: 0.68rem;
font-weight: 650; font-weight: 650;
line-height: 1.15;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }

6
admin/admin.js
View File

@ -334,6 +334,10 @@ function labelForRegion(region) {
return region.label || region.id; return region.label || region.id;
} }
function blockMeta(block) {
return block.template || block.type || block.id;
}
function renderBlockButton({ list, block, meta, active, disabled, onClick }) { function renderBlockButton({ list, block, meta, active, disabled, onClick }) {
const button = document.createElement("button"); const button = document.createElement("button");
const icon = document.createElement("span"); const icon = document.createElement("span");
@ -398,7 +402,7 @@ function renderRegions() {
renderBlockButton({ renderBlockButton({
list, list,
block, block,
meta: `${block.id} · ${block.template || block.type}`, meta: blockMeta(block),
active: isActive, active: isActive,
disabled: block.enabled === false, disabled: block.enabled === false,
onClick: () => { onClick: () => {