Fix share buttons: Eliminar estilos globales .btn de theme.css

PROBLEMA ROOT CAUSE:
theme.css aplicaba background-color a TODOS los .btn (línea 335)
Esto sobrescribía btn-outline-* de Bootstrap

ANÁLISIS:
- Template original NO tiene theme.css
- theme.css es archivo adicional con reglas conflictivas
- Reglas globales .btn y button sobrescriben Bootstrap

SOLUCIÓN:
- Eliminar selectores button y .btn de theme.css
- Mantener SOLO estilos para inputs SIN clases Bootstrap
- Usar :not([class*="btn"]) para excluir elementos con clases btn

RESULTADO:
- Bootstrap maneja btn-outline correctamente
- Sin conflictos de especificidad CSS
- Inputs sin clases mantienen estilos por defecto

Archivo modificado:
- assets/css/theme.css (líneas 316-348)

Fixes #124

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-07 12:02:58 -06:00
parent 58f12fd4e6
commit f3c2bbb3e7

View File

@@ -313,12 +313,14 @@ textarea {
resize: vertical; resize: vertical;
} }
/* Buttons */ /* Buttons
button, * ELIMINADO: Estas reglas globales sobrescriben Bootstrap btn-outline
.btn, * Bootstrap maneja los estilos de botones correctamente
input[type="button"], * Solo mantener estilos para inputs que NO usan clases Bootstrap
input[type="submit"], */
input[type="reset"] { input[type="button"]:not([class*="btn"]),
input[type="submit"]:not([class*="btn"]),
input[type="reset"]:not([class*="btn"]) {
display: inline-block; display: inline-block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-family: inherit; font-family: inherit;
@@ -338,11 +340,9 @@ input[type="reset"] {
transition: var(--transition-base); transition: var(--transition-base);
} }
button:hover, input[type="button"]:not([class*="btn"]):hover,
.btn:hover, input[type="submit"]:not([class*="btn"]):hover,
input[type="button"]:hover, input[type="reset"]:not([class*="btn"]):hover {
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: #0b5ed7; background-color: #0b5ed7;
text-decoration: none; text-decoration: none;
} }