git.admin/roi-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(critical-css): Increase badge min-height 32px→36px and add APU tables critical CSS

Browse Source 
- 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 <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-12-01 12:58:38 -06:00
parent 0ea874876e
commit 0b34317cc6
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Inc/critical-css.php
View File

@@ -404,8 +404,9 @@ function roi_output_hero_critical_css() {
margin-bottom: 0; margin-bottom: 0;
} }
.hero-section__badge { .hero-section__badge {
min-height: 32px; min-height: 36px;
display: inline-block; display: inline-block;
vertical-align: middle;
} }
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.hero-section { .hero-section {
@@ -415,6 +416,16 @@ function roi_output_hero_critical_css() {
min-height: 2.5rem; 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 // Minify CSS