diff --git a/src/components/account-info.css b/src/components/account-info.css index 1133c8e3..ad10b696 100644 --- a/src/components/account-info.css +++ b/src/components/account-info.css @@ -199,17 +199,6 @@ margin: 0; } -.account-container .common-followers { - display: grid; - grid-template-rows: 1fr; - transition: grid-template-rows 0.5s ease-in-out; -} -.account-container .common-followers[hidden] { - grid-template-rows: 0fr; -} -.account-container .common-followers > .common-followers-inner { - overflow: hidden; -} .account-container .common-followers p { font-size: 90%; color: var(--text-insignificant-color); diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx index a274a8c8..a1e30168 100644 --- a/src/components/account-info.jsx +++ b/src/components/account-info.jsx @@ -487,8 +487,11 @@ function RelatedActions({ info, instance, authenticated }) { return ( <> -
Also followed by{' '}
diff --git a/src/index.css b/src/index.css
index fb6051ad..f3ca4399 100644
--- a/src/index.css
+++ b/src/index.css
@@ -391,3 +391,26 @@ code {
object-position: 50% 50%;
}
}
+
+@keyframes shazam {
+ 0% {
+ grid-template-rows: 0fr;
+ }
+ 100% {
+ grid-template-rows: 1fr;
+ }
+}
+.shazam-container {
+ display: grid;
+ grid-template-rows: 1fr;
+ transition: grid-template-rows 0.5s ease-in-out;
+}
+.shazam-container:not(.no-animation) {
+ animation: shazam 0.5s ease-in-out both !important;
+}
+.shazam-container[hidden] {
+ grid-template-rows: 0fr;
+}
+.shazam-container-inner {
+ overflow: hidden;
+}
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index b3779f2c..61675ec7 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -235,44 +235,48 @@ function Notifications() {
)}
{announcements.length > 0 && (
-
-
-