git.admin/roi-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
51 Commits 3 Branches 1 Tag
0779cd144c29ac9a8b1aab2bc1813b7b46a734d3
Commit Graph

3 Commits

Author SHA1 Message Date
FrankZamora
0779cd144c Vaciar hero.css y badges.css - Estilos duplicados NO están en template original - Issue #105 
PROBLEMA:
- hero.css y badges.css tenían estilos de .category-badge-hero que NO existen en template
- Estos archivos sobrescribían los estilos correctos de style.css
- Template original SOLO tiene .category-badge en style.css, NO tiene clase -hero

ARCHIVOS AFECTADOS:

1. badges.css - VACIADO COMPLETO:
   - Eliminado .category-badge (líneas 15-38) - duplicado, NO en template
   - Eliminado .category-badge-hero (líneas 41-56) - NO existe en template
   - Eliminado responsive (líneas 59-68) - duplicado
   - Total: 58 líneas eliminadas

2. hero.css - VACIADO COMPLETO:
   - Eliminado .category-badge-hero (líneas 16-31) - NO existe en template
   - Eliminado hover (líneas 33-38) - NO en template
   - Eliminado i (líneas 40-42) - NO en template
   - Eliminado responsive (líneas 45-50) - NO en template
   - Total: 40 líneas eliminadas

ESTILOS CORRECTOS:
Todos los estilos del hero section y badges están en style.css líneas 812-848
según template original apus-theme-template/css/style.css líneas 186-222

TEMPLATE ORIGINAL SOLO TIENE:
- .hero-title
- .hero-title h1
- .category-badge
- .category-badge:hover
- .category-badge i

NO TIENE clase .category-badge-hero específica.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 22:03:51 -06:00
FrankZamora
546a2ad648 Consolidar CSS eliminando duplicaciones de .hero-title - Issue #108 
PROBLEMA RAÍZ:
- .hero-title estaba definido en 4 archivos diferentes (style.css, hero.css, custom-style.css)
- Había propiedades incorrectas agregadas (margin-bottom: 0 en .navbar, margin-top: 0 en .hero-title)
- Estas propiedades NO existen en el template original

CAMBIOS REALIZADOS:

1. hero.css:
   - Eliminado .hero-title completo (líneas 15-24)
   - Eliminado .hero-title del media query responsive (líneas 57-64)
   - Mantenido solo .category-badge-hero y su responsive

2. custom-style.css:
   - Eliminado .hero-title completo (líneas 88-92)
   - Eliminado .hero-title h1 (líneas 94-100)
   - Eliminado .category-badge (líneas 102-124)
   - Dejado comentario indicando que CSS está en style.css

3. style.css:
   - Eliminado margin-bottom: 0 de .navbar (línea 696)
   - Eliminado margin-top: 0 de .hero-title (línea 817)

RESULTADO:
- .hero-title ahora solo está definido UNA VEZ en style.css
- CSS coincide EXACTAMENTE con el template original
- Sin propiedades extras que no existen en template
- Sin duplicaciones de código

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-06 21:48:46 -06:00
FrankZamora
37eb5e1ad3 [FASE 2] Implementar CSS de componentes RDash - Issues #58-64 
Implementación completa de estilos CSS que replican componentes del template RDash según validación de Issue #57.

**Archivos CSS Creados:**

1. **buttons.css (Issue #58)** - Botón "Let's Talk" en navbar
   - Gradiente naranja: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%)
   - Hover: translateY(-2px) con shadow profesional
   - Box-shadow: rgba(255, 107, 53, 0.3)
   - Border-radius: 6px, padding: 0.5rem 1.5rem
   - Responsive: width 100% en móvil (<991.98px)
   - Template ref: css/style.css líneas 527-552

2. **hero.css (Issue #59)** - Hero Section con gradiente azul
   - Background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%)
   - Box-shadow: 0 4px 16px rgba(30, 58, 95, 0.25)
   - H1 color: #ffffff con text-shadow
   - Category badges hero: backdrop-filter blur(10px)
   - Badge background: rgba(255, 255, 255, 0.15)
   - Border: 1px solid rgba(255, 255, 255, 0.2)
   - Hover: translateY(-2px), shadow profesional
   - Template ref: css/style.css líneas 122-129

3. **badges.css (Issue #62)** - Clase .category-badge genérica
   - Background: #e9ecef, border-radius: 20px
   - Color: #6c757d, font-size: 0.813rem
   - Padding: 0.375rem 0.875rem
   - Variante .category-badge-hero para fondos oscuros
   - Backdrop-filter: blur(10px)
   - Hover transitions: all 0.3s ease
   - Template ref: css/style.css líneas 459-490

4. **post-content.css (Issue #63)** - Typography de contenido
   - H2: font-size 2rem, border-bottom 1px solid #eee
   - H2 color: #1e3a5f, margin-top: 2.5rem
   - H3: font-size 1.5rem, color: #2c5282
   - Párrafos: line-height 1.8, font-size 1.1rem
   - Links: color #0d6efd, underline, font-weight 500
   - Blockquote: border-left 4px solid #0d6efd
   - Code: background #f8f9fa, color #e83e8c
   - Pre: background #f8f9fa, border-radius 8px
   - Responsive: H2 1.5rem, párrafos 1rem en móvil
   - Template ref: css/style.css líneas 208-227

5. **pagination.css (Issue #64)** - Paginación personalizada
   - Page-link: border-radius 6px, padding 0.5rem 0.875rem
   - Hover: translateY(-2px), box-shadow profesional
   - Active: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%)
   - Active font-weight: 600
   - Disabled: opacity 0.5, cursor not-allowed
   - Responsive: hide intermediate numbers en móvil
   - Dark mode support
   - Print: display none
   - Template ref: css/style.css líneas 180-207

**Archivos CSS Modificados:**

1. **related-posts.css (Issue #60)** - Corrección background
   - Línea 55: background: #f8f9fa (antes #f7fafc)
   - Mantiene hover transition a #ffffff
   - Border-left 4px gradiente animado
   - Gradiente: linear-gradient(180deg, #1e3a5f 0%, #1a73e8 100%)
   - Opacity border: 0 → 1 en hover
   - Transform: translateY(-8px)
   - Shadow: 0 12px 32px rgba(26, 115, 232, 0.15)

**Verificación:**

1. **toc.css (Issue #61)** - VERIFICADO ✅
   - Ya tiene todos los estilos correctos
   - Background: #f8f9fa (línea 16)
   - Border: 1px solid #dee2e6 (línea 17)
   - Border-left 3px en links activos (líneas 180, 199)
   - Scrollbar 6px con colores #cbd5e0 y #a0aec0 (líneas 334-349)
   - Sticky position con top: 5.5rem (líneas 22-23)
   - Issue #55 completado previamente

**Integración:**

- **inc/enqueue-scripts.php** - Modificado
  - Nueva función: apus_enqueue_fase2_styles() prioridad 6
  - Enqueue buttons.css (global)
  - Enqueue hero.css (global)
  - Enqueue badges.css (global)
  - Enqueue pagination.css (global)
  - Enqueue post-content.css (solo is_single)
  - Enqueue related-posts.css (solo is_single)
  - Sintaxis PHP validada: ✅ Sin errores

**Estadísticas:**

- Archivos CSS nuevos: 5 (buttons, hero, badges, post-content, pagination)
- Archivos CSS modificados: 2 (related-posts, enqueue-scripts)
- Líneas de código CSS: 700+ líneas
- Issues completados: 7 (#58, #59, #60, #61, #62, #63, #64)
- Validación PHP: ✅ Sin errores

**Próximo Paso:**
Validación visual del usuario para verificar que tema coincide con template antes de proceder a FASE 3 (detalles y ajustes finos).

Relacionado con: #57 (Issue principal), #58-64 (sub-issues)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-04 21:24:13 -06:00