From 87b76ec1e23545fa41f90ae34d926c48b4fa8d62 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 6 Aug 2024 14:29:15 +0600
Subject: [PATCH] web/layout: add global `long-text-noto` style class

---
 web/src/components/changelog/ChangelogEntry.svelte | 12 +-----------
 web/src/routes/+layout.svelte                      | 10 ++++++++++
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/src/components/changelog/ChangelogEntry.svelte b/web/src/components/changelog/ChangelogEntry.svelte
index 0b461da9..fa64818c 100644
--- a/web/src/components/changelog/ChangelogEntry.svelte
+++ b/web/src/components/changelog/ChangelogEntry.svelte
@@ -75,7 +75,7 @@
         {#if skeleton}
             <Skeleton class="big changelog-banner" width="100%" />
         {/if}
-        <div class="changelog-body">
+        <div class="changelog-body long-text-noto">
             {#if skeleton}
                 {#each { length: 3 + Math.random() * 5 } as _}
                     <p>
@@ -163,16 +163,6 @@
         width: 100%;
     }
 
-    .changelog-body,
-    .changelog-body :global(*) {
-        line-height: 1.7;
-        font-size: 14.5px;
-        font-weight: 410;
-        font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
-        user-select: text;
-        -webkit-user-select: text;
-    }
-
     .changelog-body :global(ul) {
         padding-inline-start: 30px;
     }
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index bde70f86..c0675d1d 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -433,6 +433,16 @@
         -webkit-user-select: text;
     }
 
+    :global(.long-text-noto),
+    :global(.long-text-noto *) {
+        line-height: 1.7;
+        font-size: 14.5px;
+        font-weight: 410;
+        font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
+        user-select: text;
+        -webkit-user-select: text;
+    }
+
     [data-reduce-motion="true"] :global(*) {
         animation: none !important;
         transition: none !important;