/* ЭКРАНЫ ЦЕНООБРАЗОВАНИЯ: ПЛОТНАЯ ШАПКА. * * ЗАЧЕМ. До первой строки данных стояли пять надстроек подряд: надзаголовок * «УПРАВЛЕНИЕ ЦЕНАМИ» (дословно повторяет хлебные крошки строкой выше), * заголовок в 30 пикселей (повторяет последнее звено тех же крошек), абзац * описания, одинаковый на ВСЕХ экранах раздела, отдельная плашка источника и * четыре крупных бейджа режима. Вместе — около 400 пикселей, то есть треть * экрана ноутбука уходила на текст, который не меняется от экрана к экрану. * * ЧТО НЕ ТРОГАЕМ. Абзац под заголовком на части экранов несёт ВАЖНОЕ: * «Принятого среза 1С нет, числа считаются по архивной выгрузке от 24.06». * Поэтому он не прячется, а уменьшается и прижимается к заголовку: правило * «показать то, что есть, и сказать, на какое число оно верно» важнее * плотности. * * ЧТО УБИРАЕМ СОВСЕМ. Надзаголовок — он дублирует крошки буква в букву. * Бейджи режима превращаются в одну приглушённую строку: это признаки, а не * действия, нажимать их нельзя, и кричать заглавными им незачем. */ /* --- Шапка: одна полоса вместо блока --- */ /* дублирует хлебные крошки */ /* --- Признаки режима: строка, а не четыре кнопки --- */ /* --- Панель отбора: та же высота, меньше воздуха --- */ .pricing-toolbar{ padding:8px 12px; gap:8px; border-radius:12px; } .pricing-toolbar label{ font-size:11px; letter-spacing:.02em; } .pricing-toolbar input, .pricing-toolbar select{ height:32px; border-radius:8px; font-size:13px; } /* «Настройки сохраняются до закрытия браузера» — сказано один раз и навсегда, место под целую строку ему не нужно. */ .pricing-toolbar > .t-dim{ margin:0; font-size:10.5px; line-height:1.3; opacity:.75; } /* --- Общий ритм раздела --- */ .pricing-arm{ gap:9px; } @media(max-width:700px){ } /* ─────────────────────────────────────────────────────────────────────────── ВТОРОЙ ПРОХОД. Замер после первого: до первых данных 353 пикселя — оболочка 69, шапка 94, признаки 18, вкладки 46, панель отбора 93. Разбор по элементам показал, где именно уходит место. 1. АБЗАЦ И ПЛАШКА ГОВОРЯТ ОДНО И ТО ЖЕ. В шапке кокпита абзац занимает 49 пикселей и несёт «выгрузка от 24.06.2026, пересчитано 15.09.2026», а плашка справа — 41 пиксель и то же самое: «выгрузка 24.06.2026 · посчитано 15.09.2026». Девяносто пикселей на одну мысль, сказанную дважды. Абзац прижимается к одной строке: дата остаётся видна в плашке, полный текст — по наведению. Прятать его совсем нельзя: на других экранах раздела там стоит не дубль, а единственное объяснение. 2. ПОДПИСИ ПОЛЕЙ СТОЯЛИ НАД ПОЛЯМИ. Каждая пара «подпись + поле» занимала 54 пикселя при высоте поля 32. Подпись уходит влево, в одну строку с полем. 3. «Настройки сохраняются до закрытия браузера» — сказано один раз при первом заходе и потом только занимает строку. Убрано с глаз, в разметке осталось. ─────────────────────────────────────────────────────────────────────────── */ .pricing-toolbar{ align-items:center; row-gap:6px; } .pricing-toolbar label{ display:flex; align-items:center; gap:8px; white-space:nowrap; color:var(--muted,#6b7a75); } .pricing-toolbar label > input, .pricing-toolbar label > select{ flex:1 1 auto; min-width:0; } .pricing-toolbar > .t-dim{ display:none; } .pricing-workflow-nav{ padding:0; margin:0; } .pricing-workflow-nav a, .pricing-workflow-nav button{ padding:4px 10px; font-size:12.5px; line-height:1.4; } /* 16.09.2026: тулбар экранов цен по макету — одна строка: поиск во всю ширину, строк, листание, колонки. Сетка прежнего тулбара снята. */ .pricing-arm.ek-s1 > .pricing-toolbar{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:6px 0; border:0; background:none; border-radius:0 } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-search{ flex:1 1 320px; display:flex; align-items:center; gap:8px } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-search > .t-dim{ display:none } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-search > input{ width:100%; height:34px } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-controls{ display:inline-flex; align-items:center; gap:8px; flex-wrap:nowrap; white-space:nowrap } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-controls label{ display:inline-flex; align-items:center; gap:6px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted) } .pricing-arm.ek-s1 > .pricing-toolbar > .dt-enhancer-controls select{ height:34px } .pricing-arm.ek-s1 > .pricing-toolbar .pricing-page{ display:inline-flex; align-items:center; gap:4px; margin:0 } .pricing-arm.ek-s1 > .pricing-toolbar .pricing-page button{ height:34px; min-width:34px; padding:0 8px } .pricing-arm.ek-s1 > .pricing-toolbar .pricing-page span{ font-family:var(--mono); font-size:12px; color:var(--muted); white-space:nowrap } .pricing-arm.ek-s1 > .pricing-toolbar > .btn{ height:34px } .pricing-arm.ek-s1{ display:block } .pricing-arm.ek-s1 > .pricing-workflow-nav{ margin:4px 0 } /* ── 18.09.2026 · mk-экраны блока цен: шапка в одну строку ───────────────── Первая метка шапки («Текущий слой 1С · не принят») дословно повторяет пилюлю источника справа — пилюля остаётся, метка прячется; остальные метки не переносятся на вторую строку при 1280 px. */ .pricing-arm.mk-koren .mk-glavnaja .mk-metki { flex:0 1 auto; min-width:0; flex-wrap:nowrap; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:none; } .pricing-arm.mk-koren .mk-glavnaja .mk-metki > span:first-child { display:none; } .pricing-arm.mk-koren .mk-glavnaja .mk-metki > span:nth-child(2)::before { content:none; margin:0; } .pricing-arm.mk-koren .mk-glavnaja .mk-istochnik { flex:0 0 auto; white-space:nowrap; } /* таблицы словаря в блоке цен: до шести строк — без рельсы (поиск, группировка и листание по трём строкам — шум, словарь сам так говорит), счёт — от четырёх */ :is(.pricing-arm,.client-prices,.price-desk,.pricing-control) .mk-tabl-karta:not(:has(tbody tr:nth-child(6))) > .mk-relsa { display:none; } :is(.pricing-arm,.client-prices,.price-desk,.pricing-control) .mk-tabl-karta:not(:has(tbody tr:not(.ek-dt-pusto):nth-child(4))) > .mk-itog { display:none; } .client-prices .cp-pager[hidden] { display:none; } .client-prices table.cp-table tr.ek-dt-pusto > td { max-width:none; overflow:visible; white-space:normal; text-align:center; } .client-prices table.cp-table tr.ek-dt-pusto .mk-pusto { margin:0 auto; max-width:none; width:auto; } .client-prices table.cp-table tr.ek-dt-pusto .mk-pusto span { max-width:56ch; white-space:normal; } /* цены конкурентов: сортировка — пилюля словаря в одной строке с чипами, а не системный select с подписью капителью над ним */ .pricing-arm .ek-otbor label.pcm-sort { display:inline-flex; align-items:center; gap:7px; margin-left:auto; } .pricing-arm .ek-otbor label.pcm-sort > span { font-size:11px; color:var(--faint,#8a979f); letter-spacing:0; text-transform:none; } /* подписанные ряды чипов внутри рельсы компонента макета (spec.nabory) */ .mk-relsa .mk-otbory-chipov { display:flex; flex-direction:column; } .mk-relsa .mk-otbory-chipov .mk-otbor { padding:3px 0; } .mk-relsa .mk-otbory-chipov .mk-otbor-imja { padding-top:8px; } .mk-relsa .mk-otbory-chipov + .mk-vybrano { padding-top:4px; } .mk-relsa .mk-otbory-chipov .mk-otbor + .mk-otbor { border-top:1px dashed var(--line-soft,#e6ebe8); } .mk-relsa .mk-otbory-chipov .mk-otbor-imja { flex:0 0 108px; }