From 199cacc7b68a292b7439e80a990c36191d21194a Mon Sep 17 00:00:00 2001
From: Marcus Efraimsson <marcus.efraimsson@gmail.com>
Date: Wed, 27 Apr 2022 14:34:47 +0200
Subject: [PATCH] Plugins Catalog: Fix styling of hyperlinks (#48196)

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

Fixes #48078
---
 .../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 3c91fff7cf8..61cc31b4b2e 100644
--- a/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx
+++ b/public/app/features/plugins/admin/components/PluginDetailsHeader.tsx
@@ -146,6 +146,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};