From 2bbb9734e3c89ee37e02fe1703547ffc236f0773 Mon Sep 17 00:00:00 2001
From: Nick Colley <nick.colley@hippodigital.co.uk>
Date: Fri, 25 Nov 2022 16:32:56 +0000
Subject: [PATCH] fix: hide invisible content consistently

Some other parts of the interface for example URLs in profiles
use the invisible class, move this to the top level global file
so it'll be applied everywhere.
---
 src/routes/_components/status/StatusContent.html | 10 ----------
 src/scss/global.scss                             | 10 ++++++++++
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/routes/_components/status/StatusContent.html b/src/routes/_components/status/StatusContent.html
index 87e92d34..69c02644 100644
--- a/src/routes/_components/status/StatusContent.html
+++ b/src/routes/_components/status/StatusContent.html
@@ -67,16 +67,6 @@
     color: var(--very-deemphasized-link-color);
   }
 
-  :global(.status-content .invisible) {
-    /* copied from Mastodon */
-    font-size: 0;
-    line-height: 0;
-    display: inline-block;
-    width: 0;
-    height: 0;
-    position: absolute;
-  }
-
   :global(.underline-links .status-content a) {
     text-decoration: underline;
   }
diff --git a/src/scss/global.scss b/src/scss/global.scss
index 16d0ab85..b7ab8bdf 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -207,3 +207,13 @@ textarea {
 .inline-emoji {
   font-family: CountryFlagEmojiPolyfill, PinaforeEmoji, sans-serif;
 }
+
+.invisible {
+  /* copied from Mastodon */
+  font-size: 0;
+  line-height: 0;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  position: absolute;
+}