this repo has no description
Better z-indices for the media
+34
-2
+34
-2
src/pages/catchup.css
+34
-2
src/pages/catchup.css
···
748
748
.post-peek-media:first-child img {
749
749
transform-origin: left center;
750
750
}
751
+
}
751
752
753
+
@media (max-width: 480px) {
752
754
.post-peek-media:not(:last-child) {
753
755
margin-right: -24px;
754
-
z-index: 1;
755
756
box-shadow: 0 0 0 2px var(--bg-blur-color);
756
757
}
757
-
.post-peek-media:hover {
758
+
/* Max 10, I'm not going to code more than this */
759
+
.post-peek-media:nth-child(1) {
760
+
z-index: 10;
761
+
}
762
+
.post-peek-media:nth-child(2) {
763
+
z-index: 9;
764
+
}
765
+
.post-peek-media:nth-child(3) {
766
+
z-index: 8;
767
+
}
768
+
.post-peek-media:nth-child(4) {
769
+
z-index: 7;
770
+
}
771
+
.post-peek-media:nth-child(5) {
772
+
z-index: 6;
773
+
}
774
+
.post-peek-media:nth-child(6) {
775
+
z-index: 5;
776
+
}
777
+
.post-peek-media:nth-child(7) {
778
+
z-index: 4;
779
+
}
780
+
.post-peek-media:nth-child(8) {
781
+
z-index: 3;
782
+
}
783
+
.post-peek-media:nth-child(9) {
758
784
z-index: 2;
785
+
}
786
+
.post-peek-media:nth-child(10) {
787
+
z-index: 1;
788
+
}
789
+
.post-peek-media:hover {
790
+
z-index: 11;
759
791
}
760
792
}
761
793