From 0b34317cc68f10cd243510dc3b4ad2cc6f332552 Mon Sep 17 00:00:00 2001 From: FrankZamora Date: Mon, 1 Dec 2025 12:58:38 -0600 Subject: [PATCH] =?UTF-8?q?fix(critical-css):=20Increase=20badge=20min-hei?= =?UTF-8?q?ght=2032px=E2=86=9236px=20and=20add=20APU=20tables=20critical?= =?UTF-8?q?=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Fix hero badge min-height from 32px to 36px (actual height is 35px) - Add vertical-align: middle to badge for better alignment - Add critical CSS for .analisis and .desglose tables: - table-layout: fixed to prevent reflow - overflow-x: auto for mobile horizontal scroll - These changes target CLS 0.117 caused by hero badges 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- Inc/critical-css.php | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/Inc/critical-css.php b/Inc/critical-css.php index 7fe93ec5..30078238 100644 --- a/Inc/critical-css.php +++ b/Inc/critical-css.php @@ -404,8 +404,9 @@ function roi_output_hero_critical_css() { margin-bottom: 0; } .hero-section__badge { - min-height: 32px; + min-height: 36px; display: inline-block; + vertical-align: middle; } @media (max-width: 767.98px) { .hero-section { @@ -415,6 +416,16 @@ function roi_output_hero_critical_css() { min-height: 2.5rem; } } + /* APU Tables Critical CSS - Prevent table reflow */ + .analisis table, .desglose table { + table-layout: fixed; + width: 100%; + border-collapse: collapse; + } + .analisis, .desglose { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } '; // Minify CSS