horoli
/
arena
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: reverse kill log order and enable scrolling

This commit is contained in:
Horoli 2026-05-23 13:48:36 +09:00
parent f459585cec
commit 55132ed662
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles.css
View File

@ -1069,7 +1069,7 @@ input[type="range"] {
z-index: 4;
width: min(370px, calc(100vw - 32px));
max-height: min(34vh, 292px);
overflow: hidden;
overflow-y: auto;
border: 1px solid rgb(238 185 73 / 0.2);
border-radius: 8px;
padding: 10px;
@ -1085,13 +1085,13 @@ input[type="range"] {
#app.match-live .kill-log.has-entries {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.kill-log-list {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 6px;
min-height: 0;
margin: 0;

4
src/ui/arenaKillLog.js
View File

@ -45,10 +45,10 @@ export function appendKillLog(nodes, winner, defender) {
action,
createKillLogFighterNode(victim, "victim"),
);
listNode.append(item);
listNode.prepend(item);
while (listNode.children.length > KILL_LOG_LIMIT) {
listNode.firstElementChild?.remove();
listNode.lastElementChild?.remove();
}
logNode.classList.add("has-entries");