gap не применяется) (#1953) #2100

Merged

bot-backend merged 1 commit from fix/data-quality-inline-style-1953 into main

2026-06-30 07:33:12 +00:00

bot-backend commented

2026-06-30 07:30:00 +00:00

Collaborator

Root cause (DOM-инспекция на проде через browser MCP)

Anton: пробелы вокруг «·» в §4.2 тесноваты («данных:Низкое·покрытие»). Прошлый фикс (#2099 gap-x-2→gap-x-3) визуально ничего не дал — инспекция показала почему:

DataQualityCard-div computed display:block, columnGap:normal (хотя в className flex gap-x-3)
свежесозданный <div class="flex"> тоже block; правило .flex{display:flex} отсутствует в загруженном CSS; на всю страницу лишь 2 элемента class~=flex
→ Tailwind-утилиты (flex/gap/bg-*) НЕ генерируются на site-finder-отчёте. Отчёт стилизован inline-стилями/KpiCard (MassingEconomics/Section2 = 0 Tailwind-flex); BestLayoutsBlock — выпадающий компонент на Tailwind → его flex/gap/бейдж-bg молча не работали (спаны текли inline → склейка + бейдж без фона).

Фикс

DataQualityCard + CONFIDENCE_STYLES переведены на inline-стили + токены (как весь остальной отчёт):

display:flex, flexWrap, alignItems, columnGap:12, rowGap:4 inline → гарантированный воздух вокруг «·» и бейджа
бейдж качества: фон/цвет по confidence через токены (--success/--warn/--danger-soft с hex-fallback) → теперь виден
визуальные свойства (border/radius/padding/bg) тоже inline+токены

Verify

✅ type-check / eslint / prettier чисто
🔜 визуальный verify скриншотом на проде (DOM: display:flex, columnGap:12px)

Заменяет no-op #2099. Связанная находка: BestLayoutsBlock целиком стоит мигрировать с Tailwind-утилит на inline/CSS-модули (как остальной отчёт) — отдельный тех-долг.

## Root cause (DOM-инспекция на проде через browser MCP) Anton: пробелы вокруг «·» в §4.2 тесноваты («данных:Низкое·покрытие»). Прошлый фикс (#2099 `gap-x-2`→`gap-x-3`) **визуально ничего не дал** — инспекция показала почему: - `DataQualityCard`-div computed **`display:block`, `columnGap:normal`** (хотя в className `flex gap-x-3`) - свежесозданный `<div class="flex">` тоже block; правило `.flex{display:flex}` **отсутствует** в загруженном CSS; на всю страницу лишь **2** элемента `class~=flex` - → **Tailwind-утилиты (flex/gap/bg-*) НЕ генерируются** на site-finder-отчёте. Отчёт стилизован **inline-стилями/KpiCard** (MassingEconomics/Section2 = 0 Tailwind-flex); `BestLayoutsBlock` — выпадающий компонент на Tailwind → его flex/gap/бейдж-bg молча не работали (спаны текли inline → склейка + бейдж без фона). ## Фикс `DataQualityCard` + `CONFIDENCE_STYLES` переведены на **inline-стили + токены** (как весь остальной отчёт): - `display:flex, flexWrap, alignItems, columnGap:12, rowGap:4` inline → гарантированный воздух вокруг «·» и бейджа - бейдж качества: фон/цвет по confidence через токены (`--success/--warn/--danger`-soft с hex-fallback) → теперь виден - визуальные свойства (border/radius/padding/bg) тоже inline+токены ## Verify - ✅ type-check / eslint / prettier чисто - 🔜 визуальный verify скриншотом на проде (DOM: display:flex, columnGap:12px) Заменяет no-op #2099. Связанная находка: `BestLayoutsBlock` целиком стоит мигрировать с Tailwind-утилит на inline/CSS-модули (как остальной отчёт) — отдельный тех-долг.

bot-backend added 1 commit 2026-06-30 07:30:01 +00:00

fix(site-finder): §4.2 «Качество данных» — inline-стили вместо несработавших Tailwind-утилит (#1953 )

CI / changes (pull_request) Successful in 9s

Details

CI / openapi-codegen-check (pull_request) Successful in 1m58s

Details

CI / backend-tests (pull_request) Has been skipped

Details

CI / frontend-tests (pull_request) Successful in 1m1s

Details

79d50511fc

Root cause (DOM-инспекция на проде): DataQualityCard-div computed display:block,
columnGap:normal — Tailwind flex/gap/bg-* НЕ применяются на site-finder-отчёте
(.flex-правило отсутствует в загруженном CSS; отчёт стилизован inline/KpiCard,
BestLayoutsBlock — выпадающий на Tailwind). 4 спана текли inline без gap →
«данных:Низкое·покрытие» склейка + бейдж без фона. Фикс: DataQualityCard +
CONFIDENCE_STYLES на inline-стили + токены → flex columnGap:12 (воздух вокруг «·»)
+ фон бейджа по confidence. #2099 gap-x-3 был no-op. type-check+lint чисто.