From 611c56a5492e7086c2af01f3926390e84bd9c00b Mon Sep 17 00:00:00 2001 From: Light1YT Date: Sun, 21 Jun 2026 02:35:33 +0500 Subject: [PATCH] =?UTF-8?q?fix(ptica):=20button=20font-size=20=E2=80=94=20?= =?UTF-8?q?:where()=20so=20component=20classes=20win=20over=20reset?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- .../app/site-finder/analysis/[cad]/ptica/ptica.module.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css b/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css index 7f58998c..c1f4bd48 100644 --- a/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css +++ b/frontend/src/app/site-finder/analysis/[cad]/ptica/ptica.module.css @@ -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;