From f08faec3ba2c36d66672df4add81fb634d1f6303 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 24 Oct 2024 17:52:27 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/12347

---
 app/src/assets/scss/util/_responsive.scss | 3 ++-
 app/src/history/diff.ts                   | 2 +-
 app/src/history/doc.ts                    | 2 +-
 app/src/history/history.ts                | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/src/assets/scss/util/_responsive.scss b/app/src/assets/scss/util/_responsive.scss
index 454c5e74a..3857b0080 100644
--- a/app/src/assets/scss/util/_responsive.scss
+++ b/app/src/assets/scss/util/_responsive.scss
@@ -75,7 +75,8 @@
         height: 40%;
         overflow: auto;
         padding-bottom: 8px;
-        width: auto;
+        width: auto !important;
+        border-bottom: 1px solid var(--b3-border-color);
       }
     }
   }
diff --git a/app/src/history/diff.ts b/app/src/history/diff.ts
index 314dbd118..3be880a9c 100644
--- a/app/src/history/diff.ts
+++ b/app/src/history/diff.ts
@@ -226,7 +226,7 @@ const genHTML = (left: string, right: string, dialog: Dialog, direct: string) =>
     <span class="fn__flex-1"></span>
 </div>`;
         headElement.nextElementSibling.innerHTML = `<div class="fn__flex history__panel" style="height: 100%">
-    <div class="history__side" style="width: ${window.siyuan.storage[Constants.LOCAL_HISTORY].sideDiffWidth}">
+    <div class="history__side" ${isMobile() ? '' : `style="width: ${window.siyuan.storage[Constants.LOCAL_HISTORY].sideDiffWidth}"`}>
         <ul class="b3-list b3-list--background">
             <li class="b3-list-item">
                 <span class="b3-list-item__toggle b3-list-item__toggle--hl">
diff --git a/app/src/history/doc.ts b/app/src/history/doc.ts
index fbcf98f45..108471a85 100644
--- a/app/src/history/doc.ts
+++ b/app/src/history/doc.ts
@@ -62,7 +62,7 @@ export const openDocHistory = (options: {
     pathString: string
 }) => {
     const contentHTML = `<div class="fn__flex fn__flex-1 history__panel">
-    <ul class="b3-list b3-list--background history__side" style="width: ${window.siyuan.storage[Constants.LOCAL_HISTORY].sideDocWidth}">
+    <ul class="b3-list b3-list--background history__side" ${isMobile() ? '' : `style="width: ${window.siyuan.storage[Constants.LOCAL_HISTORY].sideDocWidth}"`}>
         <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
     </ul>
     <div class="history__resize"></div>
diff --git a/app/src/history/history.ts b/app/src/history/history.ts
index 70bf30e41..9769f2ff6 100644
--- a/app/src/history/history.ts
+++ b/app/src/history/history.ts
@@ -347,7 +347,7 @@ export const openHistory = (app: App) => {
     });
 
     const contentHTML = `<div class="fn__flex-column" style="height: 100%;">
-    <div class="layout-tab-bar fn__flex" style="border-radius: var(--b3-border-radius-b) var(--b3-border-radius-b) 0 0">
+    <div class="layout-tab-bar fn__flex" ${isMobile() ? "" : 'style="border-radius: var(--b3-border-radius-b) var(--b3-border-radius-b) 0 0"'}>
         <div data-type="doc" class="item item--full item--focus"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.fileHistory}</span><span class="fn__flex-1"></span></div>
         <div data-type="notebook" style="min-width: 160px" class="item item--full"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.removedNotebook}</span><span class="fn__flex-1"></span></div>
         <div data-type="repo" class="item item--full"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.dataSnapshot}</span><span class="fn__flex-1"></span></div>
@@ -393,7 +393,7 @@ export const openHistory = (app: App) => {
                 </div>
             </div>
             <div class="fn__flex fn__flex-1 history__panel">
-                <ul class="b3-list b3-list--background history__side" style="width: ${localHistory.sideWidth}">
+                <ul class="b3-list b3-list--background history__side" ${isMobile() ? '' : `style="width: ${localHistory.sideWidth}"`}>
                     <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
                 </ul>
                 <div class="history__resize"></div>