From 681d6882b76e51f1aa48b56e0d3b424101134ef3 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 20 Jun 2024 22:20:45 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/10840

---
 app/src/assets/scss/base.scss            | 2 +-
 app/src/assets/scss/component/_list.scss | 4 ++--
 app/src/assets/scss/component/_menu.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 47967095e..2e947266b 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -84,9 +84,9 @@ html {
     min-width: 32px;
     height: 100%;
     box-sizing: border-box;
+    border-radius: var(--b3-border-radius-b);
 
     &:hover {
-      border-radius: var(--b3-border-radius-b);
       background-color: var(--b3-theme-surface-light);
     }
   }
diff --git a/app/src/assets/scss/component/_list.scss b/app/src/assets/scss/component/_list.scss
index f0997dc44..364412ee5 100644
--- a/app/src/assets/scss/component/_list.scss
+++ b/app/src/assets/scss/component/_list.scss
@@ -101,11 +101,11 @@
       padding: 0 4px;
       color: var(--b3-theme-on-surface-light);
       transition: var(--b3-transition);
+      border-radius: var(--b3-border-radius);
 
       &--hl:hover {
         color: var(--b3-theme-on-background);
         background-color: var(--b3-list-icon-hover);
-        border-radius: var(--b3-border-radius);
       }
     }
 
@@ -128,11 +128,11 @@
       height: 22px;
       padding: 0 4px;
       flex-shrink: 0;
+      border-radius: var(--b3-border-radius);
 
       &:hover {
         color: var(--b3-theme-on-background);
         background-color: var(--b3-list-icon-hover);
-        border-radius: var(--b3-border-radius);
       }
     }
 
diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss
index 35fc29e38..f477232f4 100644
--- a/app/src/assets/scss/component/_menu.scss
+++ b/app/src/assets/scss/component/_menu.scss
@@ -365,6 +365,7 @@
     border: 0;
     margin: 1px;
     overflow: hidden;
+    border-radius: var(--b3-border-radius);
 
     img, svg {
       height: 24px;
@@ -375,7 +376,6 @@
     &--current,
     &:hover {
       background: var(--b3-list-hover);
-      border-radius: var(--b3-border-radius);
     }
   }