Foro: botones con el estilo del tema y sin descuadres

Los botones del foro usaban un dorado propio; ahora comparten el lenguaje del
<button> del tema (fondo translúcido, texto crema en mayúsculas, aclara al hover),
el mismo que sale como «Editar» en el resto de la web.

Arreglos de maquetación:
- Altura fija (42px) con inline-flex en .nice_button: los <button> heredaban
  height:50px del tema y los <a> no, y en la misma fila quedaban a distinta altura
  (se notaba sobre todo en «Borrar», que es un <button>).
- Se quita el height:20px del <li> de post_controls, que aplastaba los botones.
- Texto de los enlaces-botón forzado a crema: el a:link/:visited del tema
  (más específico) pintaba de azul el texto de «Crear tema».
- «Editar», «Borrar» y «Desbloquear» pasan a .nice_button para que toda la fila
  de acciones sea homogénea.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-16 12:31:47 +00:00
parent af707ad98c
commit 9b44af9675
3 changed files with 55 additions and 24 deletions
+10 -12
View File
@@ -43,25 +43,23 @@ export function ForumModActions({
return (
<>
<a
className="delete"
role="button"
tabIndex={0}
<button
type="button"
className="nice_button"
onClick={() => act(deleted ? 'undelete' : 'delete')}
style={busy ? { opacity: 0.5 } : undefined}
disabled={busy}
>
{deleted ? t('undelete') : t('delete')}
</a>
</button>
{kind === 'topic' && (
<a
className="lock"
role="button"
tabIndex={0}
<button
type="button"
className="nice_button"
onClick={() => act(locked ? 'unlock' : 'lock')}
style={busy ? { opacity: 0.5 } : undefined}
disabled={busy}
>
{locked ? t('unlock') : t('lock')}
</a>
</button>
)}
</>
)