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:
@@ -9,7 +9,7 @@
|
|||||||
<style>
|
<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}
|
: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}
|
*{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}
|
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)}
|
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}
|
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{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:last-child{border-bottom:0}
|
||||||
.lista .fila .de{min-width: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 .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 .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 .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 .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}
|
.lista .fila .acts{white-space:nowrap;display:flex;gap:4px;align-items:center;justify-content:flex-end;min-width:150px}
|
||||||
|
|||||||
Referencia en una nueva incidencia
Block a user