diff --git a/src/styles.css b/src/styles.css index a9af7fe..d85b2a6 100644 --- a/src/styles.css +++ b/src/styles.css @@ -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; diff --git a/src/ui/arenaKillLog.js b/src/ui/arenaKillLog.js index c4e591e..3944f0e 100644 --- a/src/ui/arenaKillLog.js +++ b/src/ui/arenaKillLog.js @@ -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");