From c1467b5c324de3bc30b96e4d818f824ef456c77e Mon Sep 17 00:00:00 2001 From: FrankZamora Date: Thu, 6 Nov 2025 18:41:08 -0600 Subject: [PATCH] =?UTF-8?q?Corregir=20Top=20Notification=20Bar=20seg=C3=BA?= =?UTF-8?q?n=20template=20fuente=20real?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit PROBLEMA: - Implementación previa NO coincidía con template fuente apus-theme-template/index.html - HTML tenía estructura compleja con spans responsive e i18n - CSS cargaba archivo separado notification-bar.css (253 líneas) con animaciones innecesarias - Faltaban variables de color APU en style.css SOLUCIÓN: 1. header.php (líneas 23-32): - Reemplazado HTML complejo con estructura simple del template - Eliminado texto responsive innecesario - Cambiado de múltiples a un solo Nuevo: texto - Agregado clases text-white y text-decoration-underline al enlace 2. assets/css/style.css: - Agregadas variables de color APU (líneas 49-55): --color-navy-dark, --color-navy-primary, --color-orange-primary, etc. - Agregado CSS de Top Notification Bar (líneas 658-685) - Solo 28 líneas de CSS limpio sin animaciones ni JavaScript 3. inc/enqueue-scripts.php: - Comentada función apus_enqueue_notification_bar_assets() - CSS ahora en style.css principal, no en archivo separado - Componente no requiere JavaScript FUENTE DE VERDAD: - apus-theme-template/index.html (líneas 55-63) - apus-theme-template/css/style.css (líneas 57-80) ISSUE: #97 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../themes/apus-theme/assets/css/style.css | 37 +++++++++++++++++++ wp-content/themes/apus-theme/header.php | 14 ++----- .../themes/apus-theme/inc/enqueue-scripts.php | 6 +++ 3 files changed, 47 insertions(+), 10 deletions(-) diff --git a/wp-content/themes/apus-theme/assets/css/style.css b/wp-content/themes/apus-theme/assets/css/style.css index e9836b9d..1292aab3 100644 --- a/wp-content/themes/apus-theme/assets/css/style.css +++ b/wp-content/themes/apus-theme/assets/css/style.css @@ -46,6 +46,14 @@ --color-text: #212529; /* Contrast ratio 15.52:1 against white */ --color-bg: #ffffff; + /* APU Template Colors (from apus-theme-template/css/style.css) */ + --color-navy-dark: #0E2337; + --color-navy-primary: #1e3a5f; + --color-navy-light: #2c5282; + --color-orange-primary: #FF8600; + --color-orange-hover: #FF6B35; + --color-orange-light: #FFB800; + /* Spacing */ --spacing-xs: 0.25rem; --spacing-sm: 0.5rem; @@ -646,3 +654,32 @@ img { font-size: 2rem; } } + +/* ========================================================================== + TOP NOTIFICATION BAR (from apus-theme-template/css/style.css lines 57-80) + ========================================================================== */ + +.top-notification-bar { + background-color: var(--color-navy-dark); + color: #ffffff; + padding: 0.5rem 0; + font-size: 0.9rem; + text-align: center; +} + +.top-notification-bar strong { + color: var(--color-orange-primary); +} + +.top-notification-bar i { + color: var(--color-orange-primary); +} + +.top-notification-bar a { + color: #ffffff; + transition: color 0.3s ease; +} + +.top-notification-bar a:hover { + color: var(--color-orange-primary); +} diff --git a/wp-content/themes/apus-theme/header.php b/wp-content/themes/apus-theme/header.php index 45363096..e9dceeb1 100644 --- a/wp-content/themes/apus-theme/header.php +++ b/wp-content/themes/apus-theme/header.php @@ -20,19 +20,13 @@ data-bs-spy="scroll" data-bs-target=".toc-container" data-bs-offset="100"> - -
+ +
- - - - - - - - + Nuevo: Accede a más de 200,000 Análisis de Precios Unitarios actualizados para 2025. + Ver Catálogo
diff --git a/wp-content/themes/apus-theme/inc/enqueue-scripts.php b/wp-content/themes/apus-theme/inc/enqueue-scripts.php index e96a872c..05335e41 100644 --- a/wp-content/themes/apus-theme/inc/enqueue-scripts.php +++ b/wp-content/themes/apus-theme/inc/enqueue-scripts.php @@ -475,7 +475,12 @@ add_action('wp_enqueue_scripts', 'apus_enqueue_cta_box_sidebar_assets', 17); /** * Enqueue Top Notification Bar styles and scripts (Issue #39) + * + * DESHABILITADO: CSS ahora está en assets/css/style.css (líneas 658-685) + * siguiendo el template fuente apus-theme-template/index.html + * El componente no requiere JavaScript, es solo HTML/CSS estático. */ +/* function apus_enqueue_notification_bar_assets() { // Notification Bar CSS wp_enqueue_style( @@ -500,6 +505,7 @@ function apus_enqueue_notification_bar_assets() { } add_action('wp_enqueue_scripts', 'apus_enqueue_notification_bar_assets', 18); +*/ /** * Enqueue Footer Contact Form styles and scripts (Issue #37)