fix(cls): APU tables layout + hero badges min-height
- APU tables: Change media='print' to 'all' for immediate CSS loading - APU tables: Add table-layout: fixed to prevent column reflow - Hero: Add min-height: 40px to badge container to reserve space These changes prevent CLS caused by: 1. Delayed APU table CSS causing table layout shift 2. Hero category badges appearing after page load 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -161,6 +161,11 @@ final class HeroRenderer implements RendererInterface
|
||||
'min-height' => $titleMinHeight,
|
||||
]);
|
||||
|
||||
// Contenedor de badges - altura minima para prevenir CLS
|
||||
$cssRules[] = $this->cssGenerator->generate('.hero-section .mb-3.d-flex', [
|
||||
'min-height' => '40px',
|
||||
]);
|
||||
|
||||
$cssRules[] = $this->cssGenerator->generate('.hero-section__badge', [
|
||||
'background' => $this->hexToRgba($badgeBgColor, 0.15),
|
||||
'backdrop-filter' => "blur({$badgeBackdropBlur})",
|
||||
|
||||
Reference in New Issue
Block a user