2b7ba24ada
Problema: Después del commit ba5d7 (limpieza masiva), el Top Notification Bar dejó de verse porque: 1. Eliminé CSS simple del template de style.css (líneas 779-802) 2. notification-bar.css contenía CSS DIFERENTE del Issue #39 (versión avanzada) 3. HTML en header.php usa versión SIMPLE del template 4. CSS avanzado (position fixed, botón cerrar) NO coincidía con HTML simple Análisis: - HTML actual: Versión simple sin botón cerrar, sin position fixed - CSS eliminado: background navy-dark, padding 0.5rem, text-align center - CSS en archivo: background slate-gray, position fixed, height 40px (INCORRECTO) - Resultado: Barra invisible por estilos incompatibles Solución: Sobrescrito notification-bar.css con CSS correcto del template según: _planeacion/_desarrollo-tema-apus/theme-documentation/05-componente-top-bar/CSS-ESPECIFICO.md Nuevo contenido: - background-color: var(--color-navy-dark) - color: #ffffff - padding: 0.5rem 0 - font-size: 0.9rem - text-align: center - + estilos para strong, i, a, a:hover Archivos modificados: - assets/css/notification-bar.css - Sobrescrito con CSS simple correcto - functions.php - Version bump 1.0.7 → 1.0.8 🎯 Resultado: - Top Notification Bar visible con estilos correctos del template - HTML y CSS alineados correctamente - CSS ya registrado en enqueue-scripts.php línea 171 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
49 lines
1.2 KiB
CSS
49 lines
1.2 KiB
CSS
/**
|
|
* Top Notification Bar Styles
|
|
*
|
|
* RESPONSABILIDAD: Estilos de la barra de notificación superior
|
|
* - Contenedor principal
|
|
* - Palabras destacadas (strong)
|
|
* - Iconos
|
|
* - Enlaces
|
|
*
|
|
* CORRECCIÓN Issue #121: Este archivo contenía CSS avanzado (position fixed, botón cerrar)
|
|
* que NO coincidía con el HTML simple del template en header.php
|
|
*
|
|
* Ahora contiene el CSS correcto del template según:
|
|
* _planeacion/_desarrollo-tema-apus/theme-documentation/05-componente-top-bar/CSS-ESPECIFICO.md
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.8
|
|
* @source apus-theme-template/css/style.css líneas 57-80
|
|
*/
|
|
|
|
/* ========================================
|
|
Top Notification Bar
|
|
======================================== */
|
|
|
|
.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);
|
|
}
|