From 1cd8de9d60f19a6b88875a8c28720cb0eb174b1b Mon Sep 17 00:00:00 2001
From: Cats Juice <wp1298554944@hotmail.com>
Date: Tue, 5 Dec 2023 07:01:42 +0000
Subject: [PATCH] fix(component): clear page list operation's link style
 (#5148)

- before
  ![CleanShot 2023-12-01 at 12 03 24@2x](https://github.com/toeverything/AFFiNE/assets/39363750/6951ee61-d3c3-43b3-8949-fe6ed9ceb99e)
- after
  ![CleanShot 2023-12-01 at 12 08 02@2x](https://github.com/toeverything/AFFiNE/assets/39363750/2a85e5f7-9156-4aef-81a2-76d66a673ebd)
---
 .../src/components/page-list/operation-cell.tsx       |  1 +
 .../src/components/page-list/page-list.css.ts         | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/frontend/component/src/components/page-list/operation-cell.tsx b/packages/frontend/component/src/components/page-list/operation-cell.tsx
index 9dd04a262f..a8d8d8d08d 100644
--- a/packages/frontend/component/src/components/page-list/operation-cell.tsx
+++ b/packages/frontend/component/src/components/page-list/operation-cell.tsx
@@ -66,6 +66,7 @@ export const OperationCell = ({
       </MenuItem>
       {!environment.isDesktop && (
         <Link
+          className={styles.clearLinkStyle}
           onClick={stopPropagationWithoutPrevent}
           to={link}
           target={'_blank'}
diff --git a/packages/frontend/component/src/components/page-list/page-list.css.ts b/packages/frontend/component/src/components/page-list/page-list.css.ts
index 64a855b9ed..2be091713f 100644
--- a/packages/frontend/component/src/components/page-list/page-list.css.ts
+++ b/packages/frontend/component/src/components/page-list/page-list.css.ts
@@ -120,3 +120,14 @@ export const favoriteCell = style({
     },
   },
 });
+
+export const clearLinkStyle = style({
+  color: 'inherit',
+  textDecoration: 'none',
+  ':visited': {
+    color: 'inherit',
+  },
+  ':active': {
+    color: 'inherit',
+  },
+});