This user: user_id = 0 , name = '' , user_group_id = 0
движка, поэтому гасятся только его поля и линия сверху */
body.rra-has-side .footer { padding: 0; border-top: 0; }
/* ═══ Верхняя полоса под прототип (Э5.13.17а, p:28-32, 176-179, 850-856) ═══
Полоса .headerBarSoft общая для всех страниц шаблона, поэтому всё здесь только под body.rra-has-side (класс
ставится вместе с сайдбаром): у входа, оплаты, админок СБ и договоров, публичных страниц GCA полоса прежняя.
Белая полоса 64px с границей снизу, липкая: при прокрутке остаётся сверху. Слева заголовок страницы (у списков),
справа пункты верхней полосы: «Админка» и «Профиль пользователя» — кнопки (.btn.sec.sm прототипа), «Выход» —
неброская ссылка. Классы пунктов rra-hb-btn, rra-hb-admin, rra-hb-user, rra-hb-logout задаёт RRApp.cpp.
Пункты остаются в #headerTopNavbar: из него движок строит меню бургера (RivJS.js, makeMenu) и копирует
html() ссылки, поэтому значки лежат в ::before и в меню бургера их нет. display у #headerTopNavbar не задан
намеренно: на 734px и уже его гасит движок (riv_main.css, display: none), правило автора это бы перебило.
Селекторы пунктов начинаются с одного и того же префикса (до ul._list): иначе общее правило цвета ссылки
по специфичности перебило бы кнопку и «Выход».
⚠️ Без комбинатора «больше» и обратных слэшей: роняют компилятор шаблонов (см. комментарий к .ListX выше).
В data-URI угловые скобки закодированы (%3C и %3E), как в блоке значков выше. */
body.rra-has-side .headerBarSoft { box-sizing: border-box; height: 64px; padding: 0; background: var(--rra-surface);
color: var(--rra-ink); border-bottom: 1px solid var(--rra-line); position: sticky; top: 0; z-index: 5; }
body.rra-has-side .headerBarSoft .containerW { height: 100%; padding: 0 28px; gap: 16px; }
body.rra-has-side .rra-page-head { align-self: center; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis;
white-space: nowrap; font-size: 19px; font-weight: 650; letter-spacing: -.01em; color: var(--rra-ink); }
body.rra-has-side .headerBarSoft ._menuItem a { color: var(--rra-ink); }
body.rra-has-side .headerBarSoft #headerTopNavbar { margin-left: auto; padding-left: 0; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list { align-items: center; gap: 12px; margin: 0; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li { margin: 0; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li a { color: var(--rra-ink-2); text-decoration: none; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-btn a { display: inline-flex; align-items: center; gap: 8px;
box-sizing: border-box; height: 36px; padding: 0 14px; border: 1px solid var(--rra-line); border-radius: 8px;
background: transparent; color: var(--rra-ink); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap;
transition: border-color .15s, color .15s; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-btn a:hover { border-color: var(--rra-brand);
color: var(--rra-brand); text-decoration: none; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-btn a:focus-visible { outline: 2px solid var(--rra-brand);
outline-offset: 2px; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-btn a::before { content: ''; flex: none; width: 17px;
height: 17px; background-color: currentColor;
-webkit-mask: var(--rra-ico) no-repeat center / contain; mask: var(--rra-ico) no-repeat center / contain; }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-user { --rra-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5 20a7 7 0 0114 0'/%3E%3C/svg%3E"); }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-admin { --rra-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.4-3.1 7.9-8 9-4.9-1.1-8-4.6-8-9V6z'/%3E%3C/svg%3E"); }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-logout a { font-size: 14px; font-weight: 400;
border: 0; color: var(--rra-ink-2); }
body.rra-has-side .headerBarSoft #headerTopNavbar ul._list li.rra-hb-logout a:hover { color: var(--rra-brand); text-decoration: none; }
/* Баннеры статуса компании и приложения (Э5.13.20а). Сами лежат в .containerW движка: 1000px по центру и поле 20px
(riv_main.css:108, 114), а контент «Операций» с Э5.13.20 идёт от сайдбара с полем 28px - левый край баннера уезжал
от карточек на 88px при окне 1440px и на 168px при 1600px. На страницах «Операций» (rra-list-page) баннер занимает всю
ширину контента с тем же полем 28px, вертикальные поля движка не трогаем. Только там: на страницах «Инструментов»
контент остаётся в wide-90 по центру, и баннер с полем 28px разошёлся бы с карточками сильнее, чем при прежних 1000px
(на 1440px около 51px против 9px). Класс rra-banner-wrap стоит только на этих двух обёртках.
⚠️ Без комбинатора «больше», знака амперсанда и обратных слэшей: роняют компилятор шаблонов. */
body.rra-list-page .rra-banner-wrap .containerW { max-width: none; margin: 0; padding-left: 28px; padding-right: 28px; }
/* Мобильный слой целиком — Э5.11. Здесь закрыт только провал: без этого блока
на узком экране не осталось бы навигации вовсе.
🔴 Порог именно 734px, а не 960px из прототипа. Движок прячет горизонтальное
меню и показывает бургер ровно на 734px (riv_main.css:2404). Возьми я 960 —
в полосе 734…960 сайдбар уже уехал бы, а бургер ещё не появился, и партнёр
остался бы без меню. Расхождение с прототипом осознанное, пересматривается
в Э5.11 вместе с нижней навигацией.
У сайдбара своя кнопка: бургер движка строит выпадающее меню из
#headerTopNavbar (RivJS.js:14912), и вешать на него ещё и сайдбар значит
открывать две панели одним нажатием. */
.rra-side-toggle { display: none; }
@media (max-width: 734px) {
body.rra-has-side { padding-left: 0; }
.rra-side { transform: translateX(-100%); transition: transform .2s ease; }
body.rra-side-open .rra-side { transform: translateX(0); }
body.rra-has-side .rra-side-toggle { display: block; }
/* Э5.13.17: полоса на узком экране не липкая — меню бургера движка встаёт под ней в потоке;
окно компаний (290px) шире сайдбара (248px) и при закрытом сайдбаре торчало бы из-за его края */
body.rra-has-side .headerBarSoft { position: static; }
body.rra-has-side:not(.rra-side-open) .rra-side .cs-menu { display: none; }
/* 18а: подсказка про наведение на тач-экранах не применима; F2 rr2-qa — слово «происходит» раздувало шапку на 375px */
body.rra-list-page .rra-list-head .rra-ph-hint { display: none; }
}
Вход | РесурсРазвития
