diff --git a/web-next/app/globals.css b/web-next/app/globals.css index 5b6bed4..de034d9 100644 --- a/web-next/app/globals.css +++ b/web-next/app/globals.css @@ -40,6 +40,27 @@ input[type='number'] { table { border-collapse: separate; } +/* El tooltip de wowhead se inyecta en el , así que le caen encima las + reglas globales del tema. La que lo rompe es `th { height: 40px }` (global, + viene tal cual del tema original): el tooltip usa para la columna de la + derecha (fase, tipo de arma, velocidad…), y cada una de esas filas se estiraba + a 40px, dejando huecos enormes entre líneas. El store original no lo sufre + porque su tooltip lo pinta otro script con otro markup. Se neutraliza solo + dentro del tooltip: alto natural y sin el fondo de cabecera del tema. + `font-weight` no hace falta tocarlo: wowhead ya lo pone normal. */ +.wowhead-tooltip th { + height: auto; + background-color: transparent; +} +/* tooltips.js NO trae fondo para el tooltip (universal.css solo le da layout y + los colores de calidad): en wowhead.com lo pinta el CSS de su web, que aquí no + cargamos. Sin esto el tooltip es transparente y se lee la página a través de + él —se ve igual en una página desnuda con solo tooltips.js, no es cosa del + tema—. Se le da el fondo y el borde de las cajas del tema. */ +.wowhead-tooltip { + background: #0b0705; + border: 2px solid #352e2b; +} /* 3) Tailwind pone img{display:block}, lo que apila verticalmente los iconos en línea (monedas de oro/plata/cobre, iconos inline del tema). El tema los usa inline (como la web Django). Volvemos a inline; las imágenes que deban