From 460364988c9e01b99627550efcc702a5ad0c9c77 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 17 Mar 2023 09:42:24 +0800
Subject: [PATCH] :lipstick: fix
 https://github.com/siyuan-note/siyuan/issues/7598

---
 app/src/assets/scss/component/_menu.scss | 41 ++++++++++++++++--------
 app/src/assets/scss/mobile.scss          | 10 ++++--
 2 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss
index 7646b9635..885093f70 100644
--- a/app/src/assets/scss/component/_menu.scss
+++ b/app/src/assets/scss/component/_menu.scss
@@ -39,22 +39,27 @@
 
     .b3-menu {
       &__submenu {
-        top: 57px;
+        top: 49px;
         left: 0;
         bottom: 0;
         max-height: none;
         right: 0;
         box-shadow: none;
         border: 0;
-        padding: 0;
+        padding: 27px 0 0 0;
+
+        & > .b3-menu__item:first-child {
+          border-top: .5px solid var(--b3-theme-background-light);
+        }
       }
 
       &__item {
-        border-bottom: 1px solid var(--b3-theme-background-light);
-        line-height: 40px;
+        border-bottom: .5px solid var(--b3-theme-background-light);
+        line-height: 42px;
+        background-color: var(--b3-theme-background);
 
         &:last-child {
-          border-bottom-width: 0;
+          margin-bottom: 24px;
         }
 
         &--show > .b3-menu__submenu--row {
@@ -63,7 +68,9 @@
 
         &--readonly {
           line-height: 24px;
-          padding-left: 16px;
+          padding: 8px 16px;
+          margin: 0;
+          max-width: none;
         }
 
         .color__square {
@@ -72,27 +79,33 @@
       }
 
       &__title {
-        border-bottom: 1px solid var(--b3-theme-background-light);
-        line-height: 40px;
+        border-bottom: .5px solid var(--b3-theme-background-light);
+        line-height: 48px;
         padding: 0 8px;
         display: flex;
+        background-color: var(--b3-theme-background);
       }
 
       &__separator {
         margin: 0;
-        height: 16px;
-        background-color: var(--b3-theme-background);
-        border-bottom: 1px solid var(--b3-theme-background-light);
+        height: 24px;
+        background-color: var(--b3-menu-background);
+        border-bottom: .5px solid var(--b3-theme-background-light);
       }
 
       &__label {
-        font-size: 16px;
+        font-size: 17px;
       }
 
       &__icon {
-        height: 16px;
-        width: 16px;
+        height: 17px;
+        width: 17px;
         margin: 0 16px 0 8px;
+
+        &--arrow {
+          width: 12px;
+          margin: 0 8px 0 16px;
+        }
       }
     }
   }
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index c7d4493d5..d50cce0e7 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -75,9 +75,9 @@
   &__icon {
     height: 18px;
     width: 18px;
-    padding: 4px;
+    padding: 8px;
     flex-shrink: 0;
-    margin: 4px;
+    margin: 6px 4px;
     color: var(--b3-theme-on-surface);
 
     &--small {
@@ -101,6 +101,12 @@
     flex: 1;
     box-shadow: none;
     min-width: 1px;
+    line-height: 30px;
+
+    &:focus,
+    &:hover {
+      box-shadow: none;
+    }
   }
 
   &__search {