justin/pokesql
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix z-index layering: grass(5) < rocks(15) < player/NPC/wild(70) < trees(80).

Browse Source
This commit is contained in:
Sterling Archer
2026-05-27 11:01:50 -07:00
parent 13f39fda61
commit c3d4cd08fa
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+4 -4
View File
@@ -492,7 +492,7 @@ html, body {
display: inline-block; display: inline-block;
filter: drop-shadow(1px 2px 0 rgba(0,0,0,.3)); filter: drop-shadow(1px 2px 0 rgba(0,0,0,.3));
line-height: 1; line-height: 1;
z-index: 60; z-index: 80;
} }
.tree:nth-child(even) { } .tree:nth-child(even) { }
.tall-grass { .tall-grass {
@@ -523,7 +523,7 @@ html, body {
bottom: -9999px; bottom: -9999px;
} }
/* NPC lives inside .map-inner, positioned in world-px via JS */ /* NPC lives inside .map-inner, positioned in world-px via JS */
.map-npc-wrap { position:absolute; text-align:center; z-index: 30; } .map-npc-wrap { position:absolute; text-align:center; z-index: 70; }
.npc-bubble { font-size:14px; font-family:var(--font); color:var(--black); background:var(--yellow); border:2px solid var(--black); width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2px; animation:bounce .7s ease-in-out infinite; } .npc-bubble { font-size:14px; font-family:var(--font); color:var(--black); background:var(--yellow); border:2px solid var(--black); width:20px; height:20px; display:flex; align-items:center; justify-content:center; margin:0 auto 2px; animation:bounce .7s ease-in-out infinite; }
.map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; animation:npcFloat 2s ease-in-out infinite; } .map-npc { font-size:clamp(36px,10vw,52px); filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35)); cursor:pointer; animation:npcFloat 2s ease-in-out infinite; }
.intro-npc img { height:clamp(56px,16vw,80px); width:auto; image-rendering:pixelated; display:block; } .intro-npc img { height:clamp(56px,16vw,80px); width:auto; image-rendering:pixelated; display:block; }
@@ -572,7 +572,7 @@ html, body {
background-size: 768px 64px; background-size: 768px 64px;
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: 20; z-index: 70;
font-size: 0; font-size: 0;
color: transparent; color: transparent;
left: -9999px; left: -9999px;
@@ -1080,7 +1080,7 @@ html, body {
.map-wild-wrap { .map-wild-wrap {
position:absolute; position:absolute;
text-align:center; text-align:center;
z-index:25; z-index:70;
cursor:pointer; cursor:pointer;
} }
.wild-bubble { .wild-bubble {