fix(site-finder): §4.3 график «По кварталам» — бары вылезали за край карточки
All checks were successful
CI / changes (pull_request) Successful in 7s
CI / backend-tests (pull_request) Has been skipped
CI / frontend-tests (pull_request) Successful in 56s
CI / openapi-codegen-check (pull_request) Successful in 1m55s

9 кварталов в flex-ряду с nowrap-подписями «2026-Q2» (~42px) выдавливали ряд
шире карточки → бары торчали за правый край (особенно в узкой 1/3-колонке §4.3).

- minWidth:0 на колонке бара — flex-элементы теперь ужимаются под ширину
  карточки (классический фикс flex-overflow), ряд больше не вылезает.
- Подпись в 2 строки «Q2» / «'26» вместо «2026-Q2» — влезает в узкую ячейку,
  читается, не наезжает на соседние.

Frontend-only.
This commit is contained in:
Light1YT 2026-06-30 22:12:41 +05:00
parent babb2a3473
commit dcdd248417

View file

@ -242,11 +242,18 @@ export function Pipeline24moBlock({ data }: Props) {
(q.flats / maxFlatsPerQuarter) * BAR_AREA_PX,
)
: 4;
// Компактная подпись в 2 строки: «Q2» / «'26». Полная «2026-Q2»
// (nowrap) шире ячейки → 9 кварталов выдавливали flex-ряд за
// правый край карточки. minWidth:0 ниже даёт колонкам ужиматься.
const qm = /^(\d{4})-(Q\d)$/.exec(q.quarter);
const qLabel = qm ? qm[2] : q.quarter;
const qYear = qm ? `'${qm[1].slice(2)}` : "";
return (
<div
key={q.quarter}
style={{
flex: 1,
minWidth: 0,
display: "flex",
flexDirection: "column",
justifyContent: "flex-end",
@ -267,12 +274,18 @@ export function Pipeline24moBlock({ data }: Props) {
<div
style={{
fontSize: 10,
lineHeight: 1.1,
color: "#6b7280",
whiteSpace: "nowrap",
textAlign: "center",
fontVariantNumeric: "tabular-nums",
}}
>
{q.quarter}
<div>{qLabel}</div>
{qYear && (
<div style={{ fontSize: 9, color: "#9ca3af" }}>
{qYear}
</div>
)}
</div>
</div>
);