From 6b636bc73b8e44841d76a14fd3cb23af647b7165 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Tue, 3 Oct 2023 14:24:52 +0200 Subject: nice logger --- web/js-player.css | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) (limited to 'web/js-player.css') diff --git a/web/js-player.css b/web/js-player.css index 3df8cde..3bb8613 100644 --- a/web/js-player.css +++ b/web/js-player.css @@ -86,3 +86,40 @@ .jsp-stats pre { margin: 0.1em; } + +.jsp .jsh-log { + position: absolute; + bottom: var(--csize); + left: 0px; +} +.jsp .jsh-log-line { + font-size: 1em; + height: 1.2em; + animation-name: appear; + animation-timing-function: linear; + animation-duration: 0.5s; + animation-fill-mode: forwards; +} +.jsp .jsh-log-line-disappear { + animation-name: disappear; + animation-timing-function: linear; + animation-duration: 0.2s; + animation-fill-mode: forwards; +} + +@keyframes appear { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes disappear { + from { + opacity: 1; + } + to { + opacity: 0; + } +} -- cgit v1.2.3-70-g09d2