fix(ptica): button font-size — :where() so component classes win over reset
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:
parent
ea20d8688a
commit
611c56a549
1 changed files with 6 additions and 1 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue