Fix black diagonal line — player drop-shadow rendering at 0,0 before JS positions it

This commit is contained in:
justin committed 2026-05-20 12:54:04 -07:00
1 parent a74f2a28a9
commit f40fe9daec
1 file changed
+2 -2
+2 -2
View File
@@ -488,7 +488,6 @@ html, body {
.player-bubble { font-size:11px; font-family:var(--font); color:var(--black); background:#fff; border:2px solid var(--black); padding:0 4px; height:20px; display:none; align-items:center; justify-content:center; border-radius:2px; white-space:nowrap; position:absolute; z-index:100; left:-9999px; } .player-bubble { font-size:11px; font-family:var(--font); color:var(--black); background:#fff; border:2px solid var(--black); padding:0 4px; height:20px; display:none; align-items:center; justify-content:center; border-radius:2px; white-space:nowrap; position:absolute; z-index:100; left:-9999px; }
.player-bubble.visible { display:flex; animation:bounce .5s ease-in-out 3; } .player-bubble.visible { display:flex; animation:bounce .5s ease-in-out 3; }
.map-player { .map-player {
position: absolute;
position: absolute; position: absolute;
width: 32px; width: 32px;
height: 64px; height: 64px;
@@ -498,9 +497,10 @@ html, body {
background-position: 0 0; background-position: 0 0;
image-rendering: pixelated; image-rendering: pixelated;
filter: drop-shadow(2px 3px 0 rgba(0,0,0,.4)); filter: drop-shadow(2px 3px 0 rgba(0,0,0,.4));
z-index: 9999; z-index: 10;
font-size: 0; font-size: 0;
color: transparent; color: transparent;
left: -9999px;
} }
.map-player.walk-down { animation: walkDown .32s steps(3) infinite; } .map-player.walk-down { animation: walkDown .32s steps(3) infinite; }
.map-player.walk-up { animation: walkUp .32s steps(3) infinite; } .map-player.walk-up { animation: walkUp .32s steps(3) infinite; }