v3.2.0: finalizing

mustakshif · Dec 29, 2024 · 8395e9f · 8395e9f
1 parent 0be5b2c
commit 8395e9f
Show file tree

Hide file tree

Showing 10 changed files with 112 additions and 63 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,37 @@
+### v3.2.0
+
+* 新增从右至左 UI 布局模式，应用语言为阿拉伯语等从右至左语言时自动适配
+* 新增聚焦块视觉标识
+* 新增页签切换过渡动画
+* 新增侧栏面板控件自动隐藏
+* 优化代码片段对话框元素布局
+* 优化提示条动画曲线
+* 优化通知样式和动画曲线
+* 适配「打字机模式」插件
+* 调整账号页面简介文字色
+* 调整数据库部分菜单顶部边距
+* 调整暗色模式下对话框边框眼色
+* 取消停靠栏和侧边面板隐藏时的页面左右边距 `#macOS`
+* 修正停靠栏和侧边面板隐藏时的状态栏定位 `#macOS`
+
+<br />
+
+* Added right-to-left UI layout mode, which automatically adapts when the application language is set to Arabic or other right-to-left languages
+* Added visual indicators for focused blocks
+* Added transition animations for tab switching
+* Added auto-hide functionality for sidebar panel controls
+* Optimized the layout of code snippet dialog elements
+* Optimized tooltip animation curves
+* Optimized notification styles and animation curves
+* Added compatibility with the "Typewriter Mode" plugin
+* Adjusted the text color of descriptions on the account page
+* Adjusted the top margin of certain database menus
+* Adjusted the dialog border color in dark mode
+* Removed page left and right margins when the docks and side panels are hidden `#macOS`
+* Fixed status bar positioning when docks and side panels are hidden `#macOS`
+
+---
+
 ### v3.1.23
 
 * 适配思源 v3.1.16 样式改动

diff --git a/README.md b/README.md
@@ -13,21 +13,21 @@ An ultra-modern theme for [SiYuan Note](https://github.com/siyuan-note/siyuan),
 
 ## Latest Updates
 
-### v3.1.23
-
-* Updated styles to be compatible with SiYuan v3.1.16
-
-### v3.1.22
-
-* Enhanced menu border texture in light mode
-* Balanced visual margins for the first and last items in menu lists
-* Balanced internal padding of code blocks
-* Adjusted the display style of code block language indicators
-
-### v3.1.21
-
-* Updated styles to be compatible with SiYuan v3.1.15
-* Added overflow fadeout effect in Doc Attribute panel
+### v3.2.0
+
+* Added right-to-left UI layout mode, which automatically adapts when the application language is set to Arabic or other right-to-left languages
+* Added visual indicators for focused blocks
+* Added transition animations for tab switching
+* Added auto-hide functionality for sidebar panel controls
+* Optimized the layout of code snippet dialog elements
+* Optimized tooltip animation curves
+* Optimized notification styles and animation curves
+* Added compatibility with the "Typewriter Mode" plugin
+* Adjusted the text color of descriptions on the account page
+* Adjusted the top margin of certain database menus
+* Adjusted the dialog border color in dark mode
+* Removed page left and right margins when the docks and side panels are hidden `#macOS`
+* Fixed status bar positioning when docks and side panels are hidden `#macOS`
 
 ### ...
 

diff --git a/README_zh_CN.md b/README_zh_CN.md
@@ -13,21 +13,21 @@ Asri 是一款极富现代感的[思源笔记](https://github.com/siyuan-note/si
 
 ## 最近更新
 
-### v3.1.23
-
-* 适配思源 v3.1.16 样式改动
-
-### v3.1.22
-
-* 增强亮色模式下菜单外框质感
-* 视觉平衡菜单列表首尾项的边距
-* 视觉平衡代码块内边距
-* 调整代码块语言显示样式
-
-### v3.1.21
-
-* 文档属性面板新增溢出渐隐
-* 适配思源 v3.1.15 样式改动
+### v3.2.0
+
+* 新增从右至左 UI 布局模式，应用语言为阿拉伯语等从右至左语言时自动适配
+* 新增聚焦块视觉标识
+* 新增页签切换过渡动画
+* 新增侧栏面板控件自动隐藏
+* 优化代码片段对话框元素布局
+* 优化提示条动画曲线
+* 优化通知样式和动画曲线
+* 适配「打字机模式」插件
+* 调整账号页面简介文字色
+* 调整数据库部分菜单顶部边距
+* 调整暗色模式下对话框边框眼色
+* 取消停靠栏和侧边面板隐藏时的页面左右边距 `#macOS`
+* 修正停靠栏和侧边面板隐藏时的状态栏定位 `#macOS`
 
 ### ...
 

diff --git a/styles/components/dialog.scss b/styles/components/dialog.scss
@@ -40,7 +40,7 @@
             @include border-or-not($outline-light: true);
             @include dialog-shadow;
             @include darkmode-counterpart {
-                outline-color: transparent;
+                outline-color: #fff1;
             }
 
             .resize__r {

diff --git a/styles/components/menu.scss b/styles/components/menu.scss
@@ -141,6 +141,10 @@
     }
 }
 
+.b3-list mark {
+    background-color: transparent;
+}
+
 // '/'菜单
 .protyle-hint {
     --b3-border-radius-b: 12px;

diff --git a/styles/features/blur.scss b/styles/features/blur.scss
@@ -486,35 +486,35 @@ body:not(.asri-disable-backdrop-blur) {
         }
     }
 
-    [data-key="dialog-setting"] {
-        .b3-dialog__container {
-            background-color: rgb(from var(--b3-theme-background) r g b / $thin-transparency);
-            @include bg-blur;
-            // outline: 1px solid #fff4;
-            outline-offset: -1px;
-
-            @include darkmode-counterpart {
-                background-color: rgb(from var(--b3-theme-surface) r g b / $thin-transparency);
-            }
-        }
+    // [data-key="dialog-setting"] {
+    //     .b3-dialog__container {
+    //         background-color: rgb(from var(--b3-theme-background) r g b / $thin-transparency);
+    //         @include bg-blur;
+    //         // outline: 1px solid #fff4;
+    //         outline-offset: -1px;
+
+    //         @include darkmode-counterpart {
+    //             background-color: rgb(from var(--b3-theme-surface) r g b / $thin-transparency);
+    //         }
+    //     }
 
-        .b3-dialog__scrim {
-            backdrop-filter: unset !important;
-        }
+    //     .b3-dialog__scrim {
+    //         backdrop-filter: unset !important;
+    //     }
 
-        .b3-list--background,
-        .config__tab-wrap {
-            background-color: transparent;
-        }
-    }
+    //     .b3-list--background,
+    //     .config__tab-wrap {
+    //         background-color: transparent;
+    //     }
+    // }
 
-    .config-account {
-        backdrop-filter: unset !important;
-    }
+    // .config-account {
+    //     backdrop-filter: unset !important;
+    // }
 
-    .config-account,
-    .config-account__center--text,
-    .config__tab-container[data-name="account"] {
-        background-color: transparent !important;
-    }
+    // .config-account,
+    // .config-account__center--text,
+    // .config__tab-container[data-name="account"] {
+    //     background-color: transparent !important;
+    // }
 }
diff --git a/styles/features/hide-side-panel-block-icons.scss b/styles/features/hide-side-panel-block-icons.scss
@@ -6,7 +6,8 @@
 .sy__file,
 .sy__outline,
 .sy__bookmark,
-.sy__tag {
+.sy__tag,
+.sy__backlink {
     position: relative;
 
     --dots-clr: var(--b3-border-color-trans);
@@ -28,7 +29,7 @@
             box-shadow: 8px 0 0 0 var(--dots-clr), 16px 0 0 0 var(--dots-clr), 24px 0 0 0 var(--dots-clr);
             border-radius: 50%;
             position: absolute;
-            top: 8px;
+            top: 10px;
             left: 50%;
             transform: translateX(-12px);
             transform-origin: top center;
@@ -39,11 +40,16 @@
             transform: scale(.5);
             transition: var(--icons2dots-dur) var(--icons2dots-timing-func);
             opacity: 0 !important;
+            // transform-origin: top center;
 
             &:first-child {
                 transform-origin: 400% 50%;
             }
 
+            &.counter {
+                transform-origin: 300% 50%;
+            }
+
             &:nth-last-child(3 of .block__icon) {
                 transform-origin: -100% 50%;
             }
@@ -79,3 +85,9 @@
         }
     }
 }
+
+.sy__backlink {
+    >:nth-child(2 of .block__icons) {
+        position: relative;
+    }
+}
diff --git a/styles/typography/protyle.scss b/styles/typography/protyle.scss
@@ -918,7 +918,6 @@
         }
     }
 
-
     @keyframes protyle-appear {
         from {
             opacity: 0;

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.23",
+  "version": "3.2.0",
   "displayName": {
     "default": "Asri",
     "zh_CN": "Asri",
-Original file line number
+Diff line change
@@ Expand Up / @@ -918,7 +918,6 @@ @@
             }
         }
         @keyframes protyle-appear {
             from {
                 opacity: 0;
@@ Expand Down @@