From 537b5cd577f08901f8e4a0a02a1d462d15324184 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Fri, 28 Oct 2022 18:55:36 +0800
Subject: [PATCH] style(ui): update link button styling (#2269)

---
 .../ui/src/components/TextLink/index.module.scss  | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/TextLink/index.module.scss b/packages/ui/src/components/TextLink/index.module.scss
index d8e3746c2..7dfa46fba 100644
--- a/packages/ui/src/components/TextLink/index.module.scss
+++ b/packages/ui/src/components/TextLink/index.module.scss
@@ -9,6 +9,12 @@
     color: var(--color-brand-default);
     text-decoration: none;
     font: var(--font-label-2);
+    border-radius: _.unit(1);
+    padding: _.unit(1) _.unit(0.5);
+
+    &:active {
+      background: var(--color-overlay-brand-pressed);
+    }
   }
 
   &.secondary {
@@ -21,10 +27,15 @@
 :global(body.desktop) {
   .link {
     &.primary:hover {
-      text-decoration: underline;
+      background: var(--color-overlay-brand-hover);
     }
 
-    &.secondary:hover {
+    &.primary:focus-visible {
+      outline: _.border(var(--color-overlay-brand-focused));
+    }
+
+    &.secondary:hover,
+    &.secondary:active {
       color: var(--color-brand-default);
     }
   }