/* ============================================================ ВИЗАРТЪ — правка по ревизии Подключается ПОСЛЕ mobile.css, то есть последним из всех таблиц. Здесь только то, что закрывает конкретную находку ревизии, и каждое правило подписано замером ДО. Ничего «на всякий случай». ============================================================ */ /* ------------------------------------------------------------------ 1. Кабинет хранителя: класс .plate занят трижды .plate объявлен в platform.css:1183 (латунная пластина паспорта лота, padding 22px 26px), в keeper.css:128 (вкладка кабинета, padding 10px 12px) и попал в групповое правило harmony.css:231 «.viewlist__inner, .plate, .deal, .ev { padding: var(--panel-pad) }». harmony.css грузится позже keeper.css и выигрывает. Замер /keeper при 1280×900 ДО: вычисленный padding вкладки 22px 24px вместо заданных 10px 12px, высота вкладки 70 px вместо 46; стойка из 9 вкладок занимала 281..1159 = 878 px при экране 900 — 259 px за сгибом. Правим адресно: на /keeper (body[data-page="keeper"]) паспортов лота нет, .plate там — ровно 9 кнопок-вкладок keeper.html:46–102, и ничего больше. ------------------------------------------------------------------ */ body[data-page="keeper"] .plate { padding: 10px 12px; } /* ------------------------------------------------------------------ 2. Кабинет хранителя: класс .ribbon занят дважды cabinet.css:968 — вкладка «Торговой книги» собирателя: бордовый клин с вырезом по краям. keeper.css:601 — лента стадий сделки, обычный flex-контейнер; она переопределяет лишь display/align-items/gap/flex-wrap, остальные 10 свойств протекают из cabinet.css, который keeper.html тоже грузит. Замер /keeper#orders ДО: у .ribbon вычислено padding 11px 30px, clip-path polygon(... 14px ...), margin-right -12px, background linear-gradient(160deg, rgb(82,19,31), rgb(52,11,19)), box-shadow, cursor pointer, шрифт Cormorant 17px — всё чужое. Ленты «Торговой книги» на /keeper нет (.ribbons в разметке 0 штук), поэтому сброс под data-page="keeper" ничего не задевает. ------------------------------------------------------------------ */ body[data-page="keeper"] .ribbon, body[data-page="keeper"] .ribbon:first-child { padding: 0; margin-right: 0; clip-path: none; background: none; box-shadow: none; cursor: auto; border: none; color: inherit; font-family: inherit; font-size: inherit; letter-spacing: normal; transition: none; } /* ------------------------------------------------------------------ 3. Стойка разделов кабинета прячет два медальона из пяти cabinet.css:1673 (@media max-width:900px) кладёт стойку лентой: grid-auto-flow: column + grid-auto-columns: minmax(96px, 1fr). Пять пунктов требуют 5×96 + 4×12 = 528 px. Замер /collector ДО: при 390 px rack clientWidth 338 при scrollWidth 528 — скрыто 190 px: «Депеши» [350..446] со счётчиком непрочитанных и «Ключи» [458..554] целиком за экраном. При 360: 308/528, скрыто 220 px. Полосы прокрутки на iOS не видно, main.hall режет overflow-x, и document.scrollWidth остаётся 390 — признака обрезки нет вовсе. Переводим стойку в строки: при 390 px помещается три колонки, пять пунктов встают 3 + 2 и видны все. ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ 3a. Анфилада кабинета: пять пунктов в одну строку После возврата переноса (mobile.css, .topbar:not(.topbar--cab)) свиток навигации получил всю вторую строку: при 390 px clientWidth 370. Но у хранителя пунктов пять, и с полем 18 px из harmony.css:167 сумма выходила 372 — «Запасник» [316..382] упирался в край свитка на 2 px. Поле 14 px даёт 356 при 390 и 326 при 360 — влезают все пять. ------------------------------------------------------------------ */ @media (max-width: 760px) { .topbar--cab .topbar__nav { gap: 14px; } } @media (max-width: 760px) { .rack { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); overflow-x: visible; padding-bottom: 0; row-gap: 16px; } } /* ------------------------------------------------------------------ 4. Текст мельче 12 px Замеры при 390 px ДО: /lot/{slug} .cons-cameo__model 11.5 ×4, .cons-cameo__rounds 11.5 ×4, .cons-disp__axis 11.5 ×10 — 18 узлов; /auctions .bill-seal 11 ×6 внутри сургучной печати 62×62; /nocturne .noct-clock__label 11 ×4, .noct-item__grif 11 ×3; /journal/* .more-card__kind 11.5 ×3, .inset__cap 11.5 ×4 (последний ревизия не назвала — нашёл своим замером); /collector .rack__badge 11; /keeper label 11.5, .ribbon__node 11.5 ×20; при 768 .ambience-toggle__action 11, .hall-medallion__count 11 ×5. ------------------------------------------------------------------ */ @media (max-width: 1024px) { .cons-cameo__model, .cons-cameo__rounds, .cons-disp__axis, .more-card__kind, .noct-clock__label, .noct-item__grif, .rack__badge, .ribbon__node, .inset__cap, .ambience-toggle__action, .hall-medallion__count, .fld > label, .fld > .fld__cap, .desk__caption { font-size: 12px; } /* Подпись внутри сургучной печати: 12 px в круг 62 px не влезали, печать растёт до 68 px вместе с текстом. */ .bill-seal { font-size: 12px; width: 68px; height: 68px; } } /* ------------------------------------------------------------------ 5. Тач-мишени ниже 44 px Замеры при 390 px ДО: /login «Расписаться в гостевой книге» 185.1×25.6, «Смотреть залы как гость» 157.5×25.6 — и вплотную друг к другу; /register «У парадной двери» 116.1×26.3; / .hero__doors-link 121.5×30.2, телефон 136.2×24, почта 127.8×24; /collector .cab-vitrine__link «В витрину» 70.2×25 ×2; /dealer ссылка сделки 224.5×22; везде .topbar__brand 36 px по высоте. Своим замером добавлены: /journal/* .entry__tag 42–92×26 (шесть меток подряд) и ссылки соседних записей .neighbours a 304×43 и 321×19. Норма для пальца — 44 px. Условие берём то же, что у harmony.css:521, где живёт первая половина этого списка, — чтобы на мыши не раздувать плотную типографику. ------------------------------------------------------------------ */ @media (hover: none), (pointer: coarse) { .door__foot a, .hero__doors-link, .cab-vitrine__link, .hall-foot a, .contact-card__value a, .topbar__brand, .stock__title a, .entry__tag, .neighbours a, .link-quiet { min-height: 44px; display: inline-flex; align-items: center; } /* Две ссылки под формой входа стояли встык — разводим их, чтобы палец не попадал в соседнюю. */ .door__foot { display: flex; flex-direction: column; align-items: center; row-gap: 4px; } } /* ------------------------------------------------------------------ 6. Счётчик непрочитанного — правку сдвигом ОТКЛОНИЛ, см. отчёт. Ревизия предлагала посадить .pf-user__dot на right: 0 с трансформом. Замер показал, что это хуже: platform.css:81 уже держит счётчик на top:-3px / right:-4px, то есть правый край приколот к «медальон + 4 px» и НЕ зависит от числа знаков — при трёх знаках счётчик растёт влево. Замер /lot/{slug} при 390 px: круг [232..276], счётчик [246.9..280] — ровно +4 px по проекту. Мой сдвиг translate(30%) давал [262..282], то есть +6 px — вылет вырос, а не исчез. Настоящая беда трёхзначного счётчика другая: при 33.1 px он закрывает 33 из 44 px лица медальона. Лечится не в CSS, а обрезкой числа до «99+» (platform.js:395, cabinet.js:739 и :1118). ------------------------------------------------------------------ */