nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Better z-indices for the media

Browse source
This commit is contained in:
Lim Chee Aun 2024-03-01 16:02:27 +08:00
parent ecde88d6a1
commit 488aece050
1 changed files with 34 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/pages/catchup.css
View file

@ -748,15 +748,47 @@
.post-peek-media:first-child img { .post-peek-media:first-child img {
transform-origin: left center; transform-origin: left center;
} }
}
@media (max-width: 480px) {
.post-peek-media:not(:last-child) { .post-peek-media:not(:last-child) {
margin-right: -24px; margin-right: -24px;
z-index: 1;
box-shadow: 0 0 0 2px var(--bg-blur-color); box-shadow: 0 0 0 2px var(--bg-blur-color);
} }
.post-peek-media:hover { /* Max 10, I'm not going to code more than this */
.post-peek-media:nth-child(1) {
z-index: 10;
}
.post-peek-media:nth-child(2) {
z-index: 9;
}
.post-peek-media:nth-child(3) {
z-index: 8;
}
.post-peek-media:nth-child(4) {
z-index: 7;
}
.post-peek-media:nth-child(5) {
z-index: 6;
}
.post-peek-media:nth-child(6) {
z-index: 5;
}
.post-peek-media:nth-child(7) {
z-index: 4;
}
.post-peek-media:nth-child(8) {
z-index: 3;
}
.post-peek-media:nth-child(9) {
z-index: 2; z-index: 2;
} }
.post-peek-media:nth-child(10) {
z-index: 1;
}
.post-peek-media:hover {
z-index: 11;
}
} }
.post-peek-faux-media { .post-peek-faux-media {