From 838c46c9f3e7ee600f545febeffbe08f7c3c9c39 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=98=D0=BB=D1=8C=D1=8F=20=D0=91=D1=80=D0=B0=D1=82=D1=81?= =?UTF-8?q?=D0=BA=D0=B8=D1=85?= Date: Sun, 28 Jun 2026 14:21:56 +0300 Subject: [PATCH] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D0=BB=20=D0=BB=D0=B8?= =?UTF-8?q?=D1=88=D0=BD=D0=B8=D0=B5=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D1=82=D1=8B=20=D0=B2=20=D0=B1=D0=BE=D0=BA=D0=BE=D0=B2=D0=BE?= =?UTF-8?q?=D0=BC=20=D0=BC=D0=B5=D0=BD=D1=8E,=20=D1=81=D0=B4=D0=B5=D0=BB?= =?UTF-8?q?=D0=B0=D0=BB=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=B0=D0=BA=D1=82=D0=BD?= =?UTF-8?q?=D1=8B=D0=B9=20=D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0=BA=20=D0=B8=20?= =?UTF-8?q?=D0=BA=D0=BE=D0=BC=D0=BF=D0=B0=D0=BA=D1=82=D0=BD=D1=8B=D0=B5=20?= =?UTF-8?q?=D0=BF=D0=BB=D0=B8=D1=82=D0=BA=D0=B8=20=D0=B5=D1=89=D0=B5=20?= =?UTF-8?q?=D0=B1=D0=BE=D0=BB=D0=B5=D0=B5=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=B0?= =?UTF-8?q?=D0=BA=D1=82=D0=BD=D1=8B=D0=BC=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 27 +------------- script.js | 18 --------- styles.css | 105 ++++++++++++++--------------------------------------- 3 files changed, 29 insertions(+), 121 deletions(-) diff --git a/index.html b/index.html index 02b0605..396f3c2 100644 --- a/index.html +++ b/index.html @@ -34,15 +34,9 @@ ⚙ -

Infrastructure map

-

Панель экосистемы

-

- Единая точка входа в пользовательские, административные, - мониторинговые и инфраструктурные интерфейсы. -

+

Панель экосистемы

-
-
- 0 -

раздела

-
-
- 0 -

подразделов

-
-
- 0 -

элементов

-
-
- 0 -

найдено

-
-
- diff --git a/script.js b/script.js index 662841f..64785ae 100644 --- a/script.js +++ b/script.js @@ -154,11 +154,6 @@ const accentButtons = document.querySelectorAll("[data-accent]"); const showNumbersInput = document.querySelector("[data-show-numbers]"); const emptyTemplate = document.querySelector("#empty-template"); -const totals = calculateTotals(ecosystemSections); -document.querySelector("[data-total-sections]").textContent = totals.sections; -document.querySelector("[data-total-groups]").textContent = totals.groups; -document.querySelector("[data-total-items]").textContent = totals.items; - renderNavigationTree(); applyPreferences(preferences); renderCatalog(); @@ -276,7 +271,6 @@ function renderCatalog() { catalog.append(emptyTemplate.content.cloneNode(true)); } - document.querySelector("[data-visible-items]").textContent = visibleItems; } function createSectionElement(section) { @@ -519,18 +513,6 @@ function setActiveButton(buttons, key, value) { }); } -function calculateTotals(sections) { - return sections.reduce( - (total, section) => { - total.sections += 1; - total.groups += section.groups.length; - total.items += section.groups.reduce((sum, group) => sum + group.items.length, 0); - return total; - }, - { sections: 0, groups: 0, items: 0 }, - ); -} - function normalize(value) { return value.toLowerCase().replaceAll("ё", "е").trim(); } diff --git a/styles.css b/styles.css index 5c85b44..316a2f9 100644 --- a/styles.css +++ b/styles.css @@ -102,14 +102,14 @@ a { } .shell { - width: min(1320px, calc(100% - 32px)); + width: min(1560px, calc(100% - 28px)); margin: 0 auto; padding: 20px 0; } .app-layout { display: grid; - grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); + grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: 12px; align-items: start; } @@ -153,14 +153,6 @@ a { overflow: auto; } -.side-panel h1 { - font-size: clamp(1.65rem, 2.4vw, 2.45rem); -} - -.side-panel .lead { - font-size: 0.9rem; -} - .hero-content::before { content: ""; position: absolute; @@ -183,28 +175,12 @@ a { .item-number { margin: 0; color: var(--accent); - font-size: 0.78rem; + font-size: 0.82rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } -h1 { - max-width: 840px; - margin: 4px 0 0; - font-size: clamp(1.9rem, 4.4vw, 3.7rem); - line-height: 0.98; - letter-spacing: -0.07em; -} - -.lead { - max-width: 740px; - margin: 0; - color: var(--muted); - font-size: clamp(0.9rem, 1.25vw, 1rem); - line-height: 1.5; -} - html:not([data-show-numbers="true"]) .section-number, html:not([data-show-numbers="true"]) .group-number, html:not([data-show-numbers="true"]) .item-number { @@ -314,15 +290,27 @@ html:not([data-show-numbers="true"]) .item-number { display: grid; gap: 6px; max-width: 720px; + position: relative; } -.search-field span, .control-group > span { color: var(--muted); font-size: 0.82rem; font-weight: 800; } +.search-field::after { + content: "⌕"; + position: absolute; + right: 11px; + top: 50%; + transform: translateY(-50%); + color: var(--accent); + font-size: 1.05rem; + font-weight: 900; + pointer-events: none; +} + .search-field input { width: 100%; min-height: 38px; @@ -331,7 +319,7 @@ html:not([data-show-numbers="true"]) .item-number { background: var(--surface); color: var(--text); outline: none; - padding: 0 12px; + padding: 0 34px 0 12px; transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; } @@ -490,40 +478,6 @@ html:not([data-show-numbers="true"]) .item-number { transform: scale(1.05); } -.overview { - display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 1px; - max-width: 620px; - margin-top: 0; - border: 1px solid var(--border); - border-radius: 16px; - background: rgba(255, 255, 255, 0.035); - overflow: hidden; -} - -.overview div { - padding: 8px 10px; - background: rgba(255, 255, 255, 0.035); -} - -.overview span { - display: block; - font-size: clamp(1rem, 1.8vw, 1.35rem); - font-weight: 850; - line-height: 1; - letter-spacing: -0.06em; -} - -.overview p { - margin: 4px 0 0; - color: var(--muted); - font-weight: 700; - font-size: 0.68rem; - letter-spacing: 0.02em; - text-transform: uppercase; -} - .nav-tree { display: grid; gap: 2px; @@ -648,7 +602,7 @@ html:not([data-show-numbers="true"]) .item-number { } .tree-node small { - color: var(--muted); + color: var(--accent); font-size: 0.68rem; font-weight: 800; } @@ -879,7 +833,7 @@ html:not([data-show-numbers="true"]) .item-number { .item-type { margin: 0; - color: var(--muted); + color: var(--accent); font-size: 0.9rem; font-weight: 750; } @@ -962,11 +916,11 @@ html:not([data-show-numbers="true"]) .item-number { } .catalog.compact-cards-view .items-grid { - grid-template-columns: repeat(4, minmax(0, 1fr)); + grid-template-columns: repeat(5, minmax(0, 1fr)); } .catalog.compact-list-view .items-grid { - grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-columns: repeat(3, minmax(0, 1fr)); } .catalog.compact-cards-view .section-head, @@ -979,7 +933,8 @@ html:not([data-show-numbers="true"]) .item-number { .catalog.compact-cards-view .group-head p:not(.group-number), .catalog.compact-list-view .group-head p:not(.group-number), .catalog.compact-cards-view .tags, -.catalog.compact-list-view .tags { +.catalog.compact-list-view .tags, +.catalog.compact-list-view .item-type { display: none; } @@ -1029,14 +984,14 @@ html:not([data-show-numbers="true"]) .item-number { } .catalog.compact-list-view .nav-card { - min-height: 70px; - padding: 10px 12px; - grid-template-columns: 42px minmax(0, 1fr) 34px; + min-height: 56px; + padding: 8px 10px; + grid-template-columns: 32px minmax(0, 1fr) 28px; } .catalog.compact-list-view .nav-card img { - width: 42px; - height: 42px; + width: 32px; + height: 32px; } .catalog.compact-list-view .item-number { @@ -1135,10 +1090,6 @@ html:not([data-show-numbers="true"]) .item-number { width: auto; } - .overview { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .section-head, .group-head { display: grid;