proper animation

1 files changed, 7 insertions, 2 deletions

diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 399b8d46..ba008d81 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -29,6 +29,11 @@ const UpdateNotification = {
         'shape-outside': 'url(' + this.pleromaTanVariant + ')'
       }
     },
+    dynamicStyles () {
+      return {
+        '--____extraInfoGroupHeight': this.contentHeight + 'px'
+      }
+    },
     shouldShow () {
       return !this.$store.state.instance.disableUpdateNotification &&
         this.$store.state.users.currentUser &&
@@ -53,8 +58,8 @@ const UpdateNotification = {
   },
   mounted () {
     setTimeout(() => {
-      this.contentHeight = this.$refs.content.offsetHeight
-    }, 10)
+      this.contentHeight = this.$refs.animatedText.scrollHeight
+    }, 1000)
   }
 }