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

DPS meter under the combat log

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-25 20:30:15 +00:00
parent 1bf3f3b62f
commit 4f2d113abd
3 changed files with 48 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/styles.css
View file

@ -545,6 +545,15 @@ button.sheet-skill:hover { background: var(--panel-2); }
.pill.yours { box-shadow: 0 0 0 2px var(--gold); }
/* 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; }
/* Damage meter under the log: a row per fighter, the bar behind it scaled to the top DPS */
.dps { display: grid; gap: 6px; font-size: 13px; }
.dps.stale { opacity: .55; }
.dps-head { display: flex; justify-content: space-between; }
.dps ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; }
.dps li { position: relative; display: flex; justify-content: space-between; gap: 8px; padding: 3px 8px; border-radius: 6px; background: var(--bg); overflow: hidden; }
.dps li > :not(.dps-fill) { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dps-fill { position: absolute; inset: 0 auto 0 0; background: rgba(152, 161, 180, .18); transition: width .3s ease-out; }
.dps li.mine .dps-fill { background: rgba(224, 176, 74, .3); }
.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;