/* ТУЛТИПЫ */ /* Скрывает тултип, пока qtip_ajax переустанавливает контент и пересчитывает позицию. visibility, а не display:none — сохраняет layout, чтобы getBoundingClientRect в патче tooltipster продолжал измерять реальный размер. !important — потому что сам tooltipster иногда пишет inline visibility и может вернуть видимость не вовремя. */ .qtip-settling { visibility: hidden !important; } /* Отключено: правило перебивало inline `height`, который tooltipster выставляет на тултип, из-за чего реальная высота расходилась с той, по которой tooltipster считал координаты, и тултип "сползал" вниз и закрывал origin. После правок в tooltipster.bundle.js (см. LOCAL PATCH: reposition / __reposition используют realSize вместо ruler-измерения) tooltipster сам выставляет правильный height = фактическому размеру контента, поэтому override больше не нужен. */ /*.tooltipster-base { height: auto !important; }*/ .ttip-row { display: flex; flex-direction: row; vertical-align: top; padding: 0; margin: 0; } .ttip-preview { /*width: 100px;*/ /*display: inline-block;*/ padding-top: 15px; padding-right: 7px; margin: 0; } .ttip-card { display: inline-block; vertical-align: top; min-width: 250px; padding: 0; margin: 0; } .ttip-card h1 { font-size: 14px; font-weight: bold; padding: 0; margin: 0; } .ttip-card h2 { font-size: 12px; font-weight: bold; padding: 0; margin: 0; } .ttip-card p { margin-bottom: 3px; } .ttip-card h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 0; } .ttip-card .h4, .ttip-card h4 { font-size: 11px; font-weight: bolder; padding: 0; margin: 0; } .ttip-card .h5, .ttip-card h5 { font-size: 11px; font-weight: 550; padding: 0; margin: 0; } .ttip-card hr { padding: 0; margin: 0; color: black; background-color: #222; height: 1px; border: none; } .qtip-wide { width: 500px; } /* Иконка «?» подсказки атрибута (AttributeTooltip::icon). Статусы цветом: default — приглушённая, наведение — акцент, qtip-pinned (тултип приколот кликом, см. qtip_ajax.js) — отчётливо другой цвет, чтобы было видно, какие подсказки приколоты. */ .attr-hint-icon { color: #adb5bd; font-size: smaller; cursor: pointer; transition: color .15s ease; } .attr-hint-icon:hover { color: #0d6efd; } .attr-hint-icon.qtip-pinned { color: #fd7e14; } /* Режим справки страницы (help-mode). См. plans/help-mode.md. Класс help-mode на ставит components/views/docsPanel/panel.php синхронно с раскрытием инфопанели. В режиме приглушённо-серые иконки «?» атрибутов выходят в акцент — пользователь видит карту того, что снабжено пояснениями; мастер-иконка справки страницы читается «нажатой» (тёплый тон = переключатель включён), а её содержимое — синим «доступно к чтению». */ body.help-mode .attr-hint-icon { color: #0d6efd; } body.help-mode .attr-hint-icon:hover { color: #0a58ca; } /* приколотый кликом тултип всё равно выделяется оранжевым */ body.help-mode .attr-hint-icon.qtip-pinned { color: #fd7e14; } /* Скрытая до help-mode иконка «?» (AttributeTooltip::icon($t,true), ChainWidget и прочие «значение + скрытая подсказка»): в обычном виде вёрстка чистая (цепочка «Организация / подразделение / должность» без шума), «?» проступают только когда включён режим справки — тогда видно, что звенья цепочки суть отдельные атрибуты. */ .attr-hint-icon--onlyhelp { display: none; } body.help-mode .attr-hint-icon--onlyhelp { display: inline; } /* мастер-иконка справки страницы (ссылка с data-panel-target, HintIconWidget): FA рисует глиф как svg с fill:currentColor, поэтому цвет ставим на */ body.help-mode a[data-panel-target] { color: #fd7e14; } /* Пока режим справки включён, иконки «?» раз в ~7 c дают две мягкие вспышки (подсветка яркости + свечение-ореол) и затихают на ~6 c — ненавязчивое рекуррентное напоминание, что подсказки доступны, особенно для мелких иконок в узких label списков. Пульсируем только filter (цвет не трогаем — hover продолжает работать); приколотые кликом иконки не пульсируют; drop-shadow даёт ореол вокруг самого глифа «?»; в prefers-reduced-motion выключается. */ @keyframes attr-hint-heartbeat { 0%, 6%, 12%, 100% { filter: brightness(1) drop-shadow(0 0 0 rgba(77,148,255,0)); } 3%, 9% { filter: brightness(1.35) drop-shadow(0 0 5px rgba(77,148,255,.9)); } } body.help-mode .attr-hint-icon:not(.qtip-pinned) { animation: attr-hint-heartbeat 7s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { body.help-mode .attr-hint-icon { animation: none; } } /* Инфопанель документации (DocsPanelWidget, headings=true): H2/H3 трансклюдированных секций внутри компактной карточки приглушаются до подзаголовков, чтобы не спорить с заголовком самой страницы */ .docs-panel h2 { font-size: 1.1rem; font-weight: 600; margin: .75rem 0 .4rem; } .docs-panel h3 { font-size: 1rem; font-weight: 600; margin: .5rem 0 .3rem; }