rope/guildhall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Combat page: stop jumping on casts

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-25 19:44:30 +00:00
parent 089f3d59b7
commit 294f2957e7
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
static/styles.css
View file

@ -543,7 +543,8 @@ button.sheet-skill:hover { background: var(--panel-2); }
.pill.vuln { border-color: rgba(95, 174, 90, .6); }
.pill.resist { border-color: rgba(226, 100, 92, .55); }
.pill.yours { box-shadow: 0 0 0 2px var(--gold); }
.combat-frame .fight-log { margin: 0; }
/* Fixed at 7 lines (newest first) so the frame doesn't grow and shrink with the log; older lines drop off the bottom */
.combat-frame .fight-log { margin: 0; line-height: 1.35; height: calc(7 * 1.35em + 12px); min-height: 0; overflow: hidden; }
.prayer-bar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.prayer-bar .pp { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; margin-right: 4px; }
.pray-btn { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; padding: 0; cursor: pointer;
@ -564,8 +565,9 @@ button.sheet-skill:hover { background: var(--panel-2); }
.traits-inline .v-res { display: inline-flex; gap: 2px; margin-left: 4px; }
.traits-inline .dmg .gi { width: 13px; height: 13px; }
.traits-inline .yours .dmg { box-shadow: 0 0 0 1.5px var(--gold); border-radius: 50%; }
.cast { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; min-height: 16px; color: var(--gold); }
.cast:empty { display: none; }
/* The cast row always holds its space, so bars don't jump as casts come and go */
.cast { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; height: 18px; color: var(--gold); white-space: nowrap; overflow: hidden; }
.cast:empty { visibility: hidden; }
.cast .bar { height: 4px; }
.cast .bar > span { background: var(--gold); transition: none; }
.foe-unit .cast { color: var(--bad); }