From 012b1bd41aa8b57b1958759dbb439b441311388c Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Wed, 27 Apr 2022 08:52:14 -0400
Subject: [PATCH] Plugins Catalog: Fix styling of hyperlinks (#48196) (#48341)

Adds some styling (default hyperlink color and underline on hover) to
plugin header and body hyperlinks.

Fixes #48078

(cherry picked from commit 199cacc7b68a292b7439e80a990c36191d21194a)

Co-authored-by: Marcus Efraimsson <marcus.efraimsson@gmail.com>
---
 .../plugins/admin/components/PluginDetailsBody.tsx       | 9 +++++++++
 .../plugins/admin/components/PluginDetailsHeader.tsx     | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/public/app/features/plugins/admin/components/PluginDetailsBody.tsx b/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
index 790afe2a7f5..f6a2cfde15d 100644
--- a/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
+++ b/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
@@ -101,5 +101,14 @@ export const getStyles = (theme: GrafanaTheme2) => ({
         margin: ${theme.spacing()} 0;
       }
     }
+
+    a {
+      color: ${theme.colors.text.link};
+
+      &:hover {
+        color: ${theme.colors.text.link};
+        text-decoration: underline;
+      }
+    }
   `,
 });
diff --git a/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx b/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx
index 4e8b77e58c8..65c576663b9 100644
--- a/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx
+++ b/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx
@@ -142,6 +142,12 @@ export const getStyles = (theme: GrafanaTheme2) => {
         }
       }
       font-size: ${theme.typography.h4.fontSize};
+
+      a {
+        &:hover {
+          text-decoration: underline;
+        }
+      }
     `,
     headerInformationRowSecondary: css`
       font-size: ${theme.typography.body.fontSize};