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:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user