web-next: corregir altura de los <select> (60px → 40px)
El override box-sizing:content-box incluía `select`, agrandándolo a 60px de alto y 320px de ancho. El default del navegador para <select> es border-box (40px), igual que la web original sin Tailwind. Se quita `select` del override (los inputs de texto siguen en content-box, que sí es su default). Corrige el campo de /download-client y todos los selects del sitio (recover, admin, servicios de personaje). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -23,17 +23,18 @@
|
||||
/* El tema nw-ryu se diseñó para los defaults del navegador (igual que la web
|
||||
Django, que NO usa Tailwind). El preflight de Tailwind rompe dos cosas:
|
||||
1) box-sizing:border-box hace que la height fija de los inputs incluya el
|
||||
padding → campos aplastados. Volvemos a content-box en los inputs/select
|
||||
que estiliza el tema (los de .admin-form conservan border-box por su
|
||||
mayor especificidad).
|
||||
padding → campos aplastados. Volvemos a content-box SOLO en los inputs de
|
||||
texto que estiliza el tema (el navegador les da content-box por defecto,
|
||||
como la web Django sin Tailwind; los de .admin-form conservan border-box
|
||||
por su mayor especificidad). OJO: `select` NO va aquí — su default del
|
||||
navegador es border-box (40px); forzarlo a content-box lo agranda a 60px.
|
||||
2) border-collapse:collapse anula el border-spacing de las tablas del tema
|
||||
(middle-center-table, etc.) → filas pegadas. Volvemos a separate.
|
||||
Reglas SIN capa: ganan al preflight de Tailwind (que va en @layer base). */
|
||||
input[type='text'],
|
||||
input[type='email'],
|
||||
input[type='password'],
|
||||
input[type='number'],
|
||||
select {
|
||||
input[type='number'] {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
table {
|
||||
|
||||
Reference in New Issue
Block a user