fix(ptica): button font-size — :where() so component classes win over reset
All checks were successful
CI / changes (pull_request) Successful in 7s
CI / frontend-tests (pull_request) Successful in 58s
CI / backend-tests (pull_request) Has been skipped
CI / openapi-codegen-check (pull_request) Successful in 1m59s

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.
This commit is contained in:
Light1YT 2026-06-21 02:35:33 +05:00
parent ea20d8688a
commit 611c56a549

View file

@ -92,7 +92,12 @@
100% 100%;
}
.pticaRoot button {
/* `:where(button)` keeps specificity at (0,1,0) so per-component button classes
(.navItem 9px, .tab 11px, .detailBtn 9px, .ptab ) win their font-size. With a
bare `.pticaRoot button` (0,1,1) the `font: inherit` reset beat those classes
and forced every cockpit button back to the root 13px overflowing the 96px
rail and oversizing tabs/buttons. Matches the prototype's bare `button {}`. */
.pticaRoot :where(button) {
font: inherit;
cursor: pointer;
color: inherit;