chris/toadstoolTally
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lower firefly/seed layer under cards

Browse Source
This commit is contained in:
chris 2025-12-10 12:32:20 -05:00
parent 9d56681efa
commit 34915b9459
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/style.css
View File

@ -238,7 +238,7 @@ h1 {
margin: 0 auto;
padding: 1.5rem 1.25rem calc(120px + env(safe-area-inset-bottom, 0px));
position: relative;
z-index: 1; /* Keep cards above background but below flying effects */
z-index: 1; /* Keep cards above background */
flex: 1;
}
@ -264,6 +264,7 @@ h1 {
box-shadow: var(--shadow);
transition: background-color 0.3s;
border: 1px solid var(--border);
z-index: 10;
}
.project-header {
@ -542,7 +543,7 @@ button:active { transform: scale(0.97); box-shadow: none; }
width: 28px;
height: 28px;
animation: fireflyGlide var(--fly-duration, 14s) linear forwards;
z-index: 5; /* Float above content but below header */
z-index: 0; /* Drift beneath page content */
pointer-events: none;
}
.firefly {
@ -561,7 +562,7 @@ button:active { transform: scale(0.97); box-shadow: none; }
width: 36px;
height: 36px;
animation: seedGlide var(--seed-duration, 16s) linear forwards;
z-index: 5;
z-index: 0;
pointer-events: none;
}
.seed {