Make sure focused author avatar is topmost of its siblings

GoogleChromeLabs · Dec 6, 2024 · c021eed · c021eed
1 parent 2ffdb36
commit c021eed
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/authors.astro b/src/components/authors.astro
@@ -78,10 +78,14 @@ const authorInfo = Object.values(authors);
         transition: all ease-in-out 0.15s;
     }
 
-    .avatars :is(:hover, :focus) > img {
-        transform-origin: 50% 50%;
-        --border-color: var(--color-core-tertiary);
-        scale: 1.1;
+    .avatars > a:is(:hover, :focus) {
+        z-index: calc(var(--num-children) + 1) !important;
+
+        > img {
+            transform-origin: 50% 50%;
+            --border-color: var(--color-core-tertiary);
+            scale: 1.1;
+        }
     }
 
     .avatars span {