fix(ptica): button font-size — :where() so component classes win over reset #1858

Merged

bot-backend merged 1 commit from fix/ptica-button-fontsize into main

2026-06-20 21:35:52 +00:00

bot-backend commented

2026-06-20 21:35:49 +00:00

Collaborator

The left rail looked «неровное» because every cockpit button was rendering at 13px instead of its designed size. .pticaRoot button { font: inherit } (specificity 0,1,1) was beating single-class rules — .navItem 9px, .tab 11px, .detailBtn 9px, .ptab. Oversized labels overflowed the 96px rail (long ones — ПОТЕНЦИАЛ/ЭКОНОМИКА/СРАВНЕНИЕ — shoved ~12px right of centre).

Fix: .pticaRoot :where(button) drops specificity to (0,1,0); the per-component classes (later in source) now win their font-size, matching the prototype's bare button {}.

Verified on a live local render of the real cockpit: rail labels 13→9px, every item re-centres at exactly 47.5px; tabs 11px; «Подробнее» buttons 9px. tsc 0 · lint clean · build OK.

🤖 Generated with Claude Code

The left rail looked «неровное» because **every cockpit button was rendering at 13px instead of its designed size.** `.pticaRoot button { font: inherit }` (specificity 0,1,1) was beating single-class rules — `.navItem` 9px, `.tab` 11px, `.detailBtn` 9px, `.ptab`. Oversized labels overflowed the 96px rail (long ones — ПОТЕНЦИАЛ/ЭКОНОМИКА/СРАВНЕНИЕ — shoved ~12px right of centre). Fix: `.pticaRoot :where(button)` drops specificity to (0,1,0); the per-component classes (later in source) now win their font-size, matching the prototype's bare `button {}`. **Verified on a live local render of the real cockpit:** rail labels 13→9px, every item re-centres at exactly 47.5px; tabs 11px; «Подробнее» buttons 9px. tsc 0 · lint clean · build OK. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

bot-backend added 1 commit 2026-06-20 21:35:50 +00:00

fix(ptica): button font-size — :where() so component classes win over reset

CI / changes (pull_request) Successful in 7s

Details

CI / frontend-tests (pull_request) Successful in 58s

Details

CI / backend-tests (pull_request) Has been skipped

Details

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

Details

611c56a549

The scoped reset `.pticaRoot button { font: inherit }` had specificity (0,1,1),
beating single-class button rules like .navItem (9px), .tab (11px), .detailBtn
(9px), .ptab — so every cockpit button was forced back to the root 13px. The
oversized labels overflowed the 96px left rail (icons/text shoved right of
centre, «неровное») and bloated tabs/buttons across the cockpit.

Wrap the selector in :where(button) → specificity (0,1,0); the per-component
classes (later in source) now win their font-size, matching the prototype's
bare `button {}`. Verified on a live local render: rail labels 13→9px and every
item re-centres at 47.5px; tabs 11px; detail buttons 9px.