El menú lateral se queda fijo al bajar, y en el plan los nombres parten en vez de cortarse

El cuerpo tenía height:100% (el alto de la ventana), así que su rejilla medía una pantalla y el
lateral «sticky» no tenía recorrido: se iba con el resto. Ahora el cuerpo crece con el contenido y
el lateral se queda donde está mientras baja la zona de la derecha.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Este commit está contenido en:
Labstream
2026-10-10 11:37:21 -05:00
padre 22bf2a8657
commit eca2ce4adf

Ver fichero

@@ -9,7 +9,7 @@
<style>
:root{--bg:#ffffff;--panel:#ffffff;--panel2:#f3f4f5;--line:#e6e7e8;--line2:#f0f1f2;--tx:#17191c;--mut:#6d7076;--acc:#1f57d6;--acc2:#e8eefc;--ok:#2f8f5b;--ok2:#e6f2ea;--warn:#9a6d12;--warn2:#fbf1d9;--bad:#b3473e;--bad2:#f7e6e4}
*{box-sizing:border-box}
html,body{height:100%}
html{height:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:13.5px/1.5 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;grid-template-columns:250px 1fr;grid-template-rows:1fr auto;min-height:100vh}
a{color:var(--acc)}
select,input[type=text],input[type=number],textarea{background:var(--panel);color:var(--tx);border:1px solid var(--line);border-radius:5px;padding:5px 8px;font:inherit}
@@ -301,10 +301,10 @@
.lista .fila{display:grid;grid-template-columns:22px minmax(0,1.1fr) 18px minmax(0,1.3fr) auto auto;gap:2px 10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line2);font-size:13px}
.lista .fila:last-child{border-bottom:0}
.lista .fila .de{min-width:0}
.lista .fila .de b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista .fila .de b{display:block;overflow-wrap:anywhere}
.lista .fila .en{display:block;font-size:11.5px;color:var(--mut);font-family:ui-monospace,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista .fila .fl{color:var(--acc);text-align:center}
.lista .fila .a{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lista .fila .a{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;min-width:0}
.lista .fila .a b{font-family:Manrope,system-ui,sans-serif;font-size:13px}
.lista .fila .meta{font-size:12px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.lista .fila .acts{white-space:nowrap;display:flex;gap:4px;align-items:center;justify-content:flex-end;min-width:150px}