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
|
/* 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:
|
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
|
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
|
padding → campos aplastados. Volvemos a content-box SOLO en los inputs de
|
||||||
que estiliza el tema (los de .admin-form conservan border-box por su
|
texto que estiliza el tema (el navegador les da content-box por defecto,
|
||||||
mayor especificidad).
|
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
|
2) border-collapse:collapse anula el border-spacing de las tablas del tema
|
||||||
(middle-center-table, etc.) → filas pegadas. Volvemos a separate.
|
(middle-center-table, etc.) → filas pegadas. Volvemos a separate.
|
||||||
Reglas SIN capa: ganan al preflight de Tailwind (que va en @layer base). */
|
Reglas SIN capa: ganan al preflight de Tailwind (que va en @layer base). */
|
||||||
input[type='text'],
|
input[type='text'],
|
||||||
input[type='email'],
|
input[type='email'],
|
||||||
input[type='password'],
|
input[type='password'],
|
||||||
input[type='number'],
|
input[type='number'] {
|
||||||
select {
|
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
|
|||||||
Reference in New Issue
Block a user