Status aware avatar hover

Bitslayn · Jul 26, 2024 · 4478770 · 4478770
1 parent b332a83
commit 4478770
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss
@@ -123,14 +123,21 @@
         height: 100%;
         box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75);
         opacity: 1;
+        mask-image: url(#svg-mask-avatar-default);
+      }
+      &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after {
         mask-image: url(#svg-mask-avatar-status-round-80);
       }
+      &:has(
+          > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"])
+        )::after {
+        mask-image: url(#svg-mask-avatar-status-mobile-80);
+      }
       &::after {
         transition: opacity 0.1s ease;
         background-color: unset;
-        border-radius: unset;
         opacity: 0;
-        transform: scaleY(1.0084);
+        transform: scale(1.0084);
       }
       [class*="overlay"]::after {
         display: none;