v3.1.14: finalizing

- Adapted style changes for SiYuan v3.1.11 - Optimized the size and shape of PDF annotation highlights - Fixed high CPU usage on mobile devices caused by theme styling - Fixed persistent display of database entry checkboxes in non-full-width-display mode - Adjusted dialog and menu styles for better usability - Improved typography and color schemes across various components
mustakshif · Nov 5, 2024 · b3a15c5 · b3a15c5
1 parent 218641e
commit b3a15c5
Show file tree

Hide file tree

Showing 12 changed files with 94 additions and 42 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,19 @@
+### v3.1.14
+
+* 适配思源 v3.1.11 的样式改动
+* 优化 PDF 标注色块大小和形状
+* 修复主题样式造成的移动端 CPU 占用过高的问题
+* 修复非全宽显示数据库条目勾选框持续显示的问题
+
+<br />
+
+* Adapted style changes for SiYuan v3.1.11
+* Optimized the size and shape of PDF annotation highlights
+* Fixed high CPU usage on mobile devices caused by theme styling
+* Fixed persistent display of database entry checkboxes in non-full-width-display mode
+
+---
+
 ### v3.1.13
 
 * [新增块标出现动画](https://github.com/mustakshif/Asri/issues/109)

diff --git a/README.md b/README.md
@@ -13,6 +13,13 @@ An ultra-modern theme for [SiYuan Note](https://github.com/siyuan-note/siyuan),
 
 ## Latest Updates
 
+### v3.1.14
+
+* Adapted style changes for SiYuan v3.1.11
+* Optimized the size and shape of PDF annotation highlights
+* Fixed high CPU usage on mobile devices caused by theme styling
+* Fixed persistent display of database entry checkboxes in non-full-width-display mode
+
 ### v3.1.13
 
 * [Added block icons animation](https://github.com/mustakshif/Asri/issues/109)
@@ -24,14 +31,6 @@ An ultra-modern theme for [SiYuan Note](https://github.com/siyuan-note/siyuan),
 * Modified border radius for some menus
 * Fixed excessive CPU usage occurring when the application window loses focus
 
-### v3.1.12
-
-* Optimized notification styles
-* Enhanced bottom margin of font style menu
-* Improved backlink panel display
-* [Fixed an issue where database tags were partially hidden at certain zoom levels](https://github.com/mustakshif/Asri/issues/104)
-* [Fixed an issue where exporting to images was not working](https://github.com/mustakshif/Asri/issues/106)
-
 ### ...
 
 ### v3.0.0

diff --git a/README_zh_CN.md b/README_zh_CN.md
@@ -13,6 +13,13 @@ Asri 是一款极富现代感的[思源笔记](https://github.com/siyuan-note/si
 
 ## 最近更新
 
+### v3.1.14
+
+* 适配思源 v3.1.11 的样式改动
+* 优化 PDF 标注色块大小和形状
+* 修复主题样式造成的移动端 CPU 占用过高的问题
+* 修复非全宽显示数据库条目勾选框持续显示的问题
+
 ### v3.1.13
 
 * [新增块标出现动画](https://github.com/mustakshif/Asri/issues/109)
@@ -24,14 +31,6 @@ Asri 是一款极富现代感的[思源笔记](https://github.com/siyuan-note/si
 * 调整部分菜单圆角
 * 修复了应用窗口失焦时导致的 CPU 过度占用问题
 
-### v3.1.12
-
-* 优化通知样式
-* 优化字体样式菜单底部边距
-* 改进反链面板显示
-* [修复特定缩放比例下数据库标签显示不全的问题](https://github.com/mustakshif/Asri/issues/104)
-* [修复无法导出为图片的问题](https://github.com/mustakshif/Asri/issues/106)
-
 ### ...
 
 ### v3.0.0

diff --git a/style/components/dialog.scss b/style/components/dialog.scss
@@ -104,10 +104,8 @@
                     background-color: var(--b3-theme-surface);
                 }
 
-
-                .b3-chip--list {
-                    width: 16px;
-                    height: 16px;
+                .b3-chip {
+                    padding: 0 4px;
                 }
 
                 // 同步？
@@ -150,10 +148,20 @@
             :not(.b3-dialog__body)>.history__panel {
                 border-top: 1px solid var(--b3-border-color-trans);
 
-                .b3-list--background {
-                    border-right: 1px solid var(--b3-border-color);
+                // .b3-list--background {
+                //     border-right: 1px solid var(--b3-border-color);
+                // }
+            }
+
+            #historyContainer {
+                [data-type=doc]>div:first-child {
+                    border-bottom: none !important;
                 }
             }
+
+            .history__resize {
+                box-shadow: none;
+            }
         }
 
         // 对话框底部按钮区域 ——————————————————————————————
@@ -187,7 +195,7 @@
             padding: 12px 18px;
         }
 
-        &__header.fn__none ~ .b3-dialog__body .b3-dialog__content {
+        &__header.fn__none~.b3-dialog__body .b3-dialog__content {
             padding-top: 18px;
         }
     }
@@ -573,7 +581,7 @@
                             background-color: var(--b3-theme-primary);
                             color: var(--b3-theme-on-primary);
                             outline: none;
-                            
+
                             &:hover {
                                 background-color: rgb(from var(--b3-theme-primary) r g b / .8);
                             }

diff --git a/style/components/menu.scss b/style/components/menu.scss
@@ -264,6 +264,7 @@
     }
 
     .protyle-font {
+        padding-top: 0;
         padding-bottom: 8px;
     }
 }

diff --git a/style/components/misc.scss b/style/components/misc.scss
@@ -385,6 +385,11 @@ textarea {
             @include menu-shadow();
             @include border-or-not();
 
+            a {
+                color: var(--b3-theme-on-background);
+                text-decoration-color: var(--b3-theme-primary);
+            }    
+
             &--close {
                 padding-right: 16px;
 

diff --git a/style/layout/side-panels.scss b/style/layout/side-panels.scss
@@ -330,6 +330,16 @@
     }
 }
 
+.sy__file {
+    >.b3-list {
+        margin-bottom: 8px;
+
+        >ul {
+            margin-bottom: -8px;
+        }
+    }
+}
+
 .sy__backlink {
     .block__icons {
 

diff --git a/style/typography/database.scss b/style/typography/database.scss
@@ -529,7 +529,7 @@ img.av__cellassetimg {
     &[data-name="av-col-option"] {
         .b3-menu__item {
             .color__square {
-                box-shadow: none;
+                // box-shadow: none;
 
                 &[style*="var(--b3-font-background1)"] {
                     outline: 1px solid var(--b3-border-color-trans);

diff --git a/style/typography/pdf-reader.scss b/style/typography/pdf-reader.scss
@@ -140,16 +140,20 @@
         padding: 6px;
 
         .color__square {
-            height: 14px;
-            width: 14px;
+            height: 20px;
+            width: 20px;
             margin-right: 6px;
-            border-radius: 50%;
+            border-radius: 6px;
 
             &:hover {
                 box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
                 transform: scale(1.2);
             }
 
+            &:first-child {
+                margin-left: 0;
+            }
+
             &:last-child {
                 margin-right: 0;
             }

diff --git a/style/typography/protyle.scss b/style/typography/protyle.scss
@@ -803,45 +803,55 @@
 
     .protyle-font__style {
         font-size: 14px;
+        border-radius: 8px;
 
         &:hover {
-            transform: scale(1.1);
-            box-shadow: none;
+            transform: scale(1.08);
+            box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
             border-color: transparent;
             background-color: var(--b3-list-hover);
         }
     }
 
     .b3-button {
         @include button-action('normal');
+        box-shadow: none;
+    }
+
+    .fn__space--small {
+        display: none;
     }
 }
 
 .color__square {
-    width: 20px;
-    height: 20px;
+    // width: 20px;
+    // height: 20px;
     box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
-    border-radius: 50%;
-    line-height: 20px;
-    font-size: 14px;
+    border-radius: 8px;
+    // line-height: 20px;
+    // font-size: 14px;
 
     // &[data-type="backgroundColor"] {
     //     box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
     // }
 
     &:hover {
-        box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
+        // box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
         transform: scale(1.2);
-        font-weight: bold;
+        // font-weight: bold;
+    }
+
+    &:hover:not(.color__square--list) {
+        box-shadow: 0 0 0 1px inset var(--b3-border-color-trans);
     }
 
     .b3-menu__label & {
-        width: 12px;
-        height: 12px;
+        width: 26px;
+        height: 26px;
+        font-weight: normal;
 
         &:hover {
             transform: none;
-            font-weight: normal;
         }
     }
 

diff --git a/theme.css b/theme.css
diff --git a/theme.json b/theme.json
@@ -2,7 +2,7 @@
   "name": "Asri",
   "author": "MUSTAKSHIF",
   "url": "https://github.com/mustakshif/Asri",
-  "version": "3.1.13",
+  "version": "3.1.14",
   "displayName": {
     "default": "Asri",
     "zh_CN": "Asri",
-Original file line number
+Diff line change
@@ Expand Up / @@ -264,6 +264,7 @@ @@
         }
         .protyle-font {
+            padding-top: 0;
             padding-bottom: 8px;
         }
     }
@@ Expand Down @@