From 4478770acdba60c3e35d8e088998b7c02688a2a4 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Fri, 26 Jul 2024 12:01:23 -0400 Subject: [PATCH] Status aware avatar hover --- .../src/profiles/popout.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss index b94bbd9..8a69561 100644 --- 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;