From 0d15024bd256a5b20df208f4ef63bada043eff84 Mon Sep 17 00:00:00 2001
From: Emma <emma@modrinth.com>
Date: Wed, 2 Aug 2023 17:02:51 -0400
Subject: [PATCH] Add links to the markdown reference on the docs (#1254)

---
 assets/styles/components.scss              | 11 +----------
 components/ui/ModalReport.vue              | 16 ++++++++++++----
 components/ui/NotificationItem.vue         |  2 +-
 pages/[type]/[id]/settings/description.vue |  5 ++---
 pages/[type]/[id]/version/[version].vue    |  5 ++---
 5 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index 128db8831..d9a556438 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -524,26 +524,17 @@
 
 .text-link {
   color: var(--color-link);
-  text-decoration: underline;
 
   &:focus-visible,
   &:hover {
     color: var(--color-link-hover);
     cursor: pointer;
+    text-decoration: underline;
   }
 
   &:active {
     color: var(--color-link-active);
   }
-
-  &.no-underline {
-    text-decoration: none;
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
-    }
-  }
 }
 
 .title-link {
diff --git a/components/ui/ModalReport.vue b/components/ui/ModalReport.vue
index 23ccdeec5..8af756686 100644
--- a/components/ui/ModalReport.vue
+++ b/components/ui/ModalReport.vue
@@ -5,9 +5,9 @@
         <p>
           Modding should be safe for everyone, so we take abuse and malicious intent seriously at
           Modrinth. We want to hear about harmful content on the site that violates our
-          <nuxt-link to="/legal/terms"> ToS </nuxt-link> and
-          <nuxt-link to="/legal/rules"> Rules </nuxt-link>. Rest assured, we’ll keep your
-          identifying information private.
+          <nuxt-link class="text-link" to="/legal/terms">ToS</nuxt-link> and
+          <nuxt-link class="text-link" to="/legal/rules">Rules</nuxt-link>. Rest assured, we’ll keep
+          your identifying information private.
         </p>
         <p v-if="itemType === 'project' || itemType === 'version'">
           Please <strong>do not</strong> use this to report bugs with the project itself. This form
@@ -33,7 +33,15 @@
       />
       <label class="report-label" for="additional-information">
         <strong>Additional information</strong>
-        <span> Include links and images if possible. Markdown formatting is supported. </span>
+        <span>
+          Include links and images if possible. This editor supports
+          <a
+            class="text-link"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
+            target="_blank"
+            >Markdown formatting</a
+          >.
+        </span>
       </label>
       <div class="textarea-wrapper">
         <Chips v-model="bodyViewType" class="separator" :items="['source', 'preview']" />
diff --git a/components/ui/NotificationItem.vue b/components/ui/NotificationItem.vue
index b9b2ab37c..c68a1de9b 100644
--- a/components/ui/NotificationItem.vue
+++ b/components/ui/NotificationItem.vue
@@ -119,7 +119,7 @@
           <VersionIcon />
           <nuxt-link
             :to="getVersionLink(notif.extra_data.project, notif.extra_data.version)"
-            class="text-link no-underline"
+            class="text-link"
           >
             {{ notif.extra_data.version.name }}
           </nuxt-link>
diff --git a/pages/[type]/[id]/settings/description.vue b/pages/[type]/[id]/settings/description.vue
index d53eb8010..31b10b62f 100644
--- a/pages/[type]/[id]/settings/description.vue
+++ b/pages/[type]/[id]/settings/description.vue
@@ -7,10 +7,9 @@
           You can type an extended description of your mod here. This editor supports
           <a
             class="text-link"
-            href="https://guides.github.com/features/mastering-markdown/"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
             target="_blank"
-            rel="noopener"
-            >Markdown</a
+            >Markdown formatting</a
           >. HTML can also be used inside your description, not including styles, scripts, and
           iframes (though YouTube iframes are allowed).
           <span class="label__subdescription">
diff --git a/pages/[type]/[id]/version/[version].vue b/pages/[type]/[id]/version/[version].vue
index be4ef4840..369e56b8d 100644
--- a/pages/[type]/[id]/version/[version].vue
+++ b/pages/[type]/[id]/version/[version].vue
@@ -206,10 +206,9 @@
           >This editor supports
           <a
             class="text-link"
-            href="https://guides.github.com/features/mastering-markdown/"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
             target="_blank"
-            rel="noopener"
-            >Markdown</a
+            >Markdown formatting</a
           >. HTML can also be used inside your changelog, not including styles, scripts, and
           iframes.
         </span>