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

4
src/ui/arenaKillLog.js
View File

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