modified: CHANGELOG.md

modified: README.md modified: README_zh_CN.md modified: style/components/menu.scss modified: style/layout/editor.scss modified: theme.css modified: theme.scss
mustakshif · Jan 6, 2024 · 2145aa3 · 2145aa3
1 parent 4e33fd8
commit 2145aa3
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 42 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,15 @@
+### v1.1.6
+
+* 调整表格为自动宽度，超过页宽时自动换行 [[Issue #7](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/7)]
+* 优化宽屏下的 `/` 菜单布局 [[Issue #6](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/6)]
+
+<br />
+
+* Adjusted the table to have automatic width and wrap text when exceeding the page width. [[Issue #7](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/7)]
+* Updated the layout of the `/` menu to adapt to wider windows. [[Issue #6](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/6)]
+
+---
+
 ### v1.1.5
 
 * 调整表格背景色为透明色
@@ -10,6 +22,8 @@
 * Adjusted the style of tags in the body text.
 * Optimized the background color of form elements in menus of database.
 
+---
+
 ### v1.1.4
 
 * 优化数据库选中条目计数器样式
@@ -26,6 +40,8 @@
 * Fixed the issue of color difference on the top of the sidebar panel.
 * Fixed the issue of horizontal displacement of buttons when the dialog box first pops up.
 
+---
+
 ### v1.1.3
 
 * 适配数据库/属性视图样式
@@ -40,6 +56,8 @@
 * Fixed the display issue of floating panels when the status bar is hidden.
 * Optimized the spacing between icons in the bottom bar.
 
+---
+
 ### v1.1.2
 
 * 适配底栏和底栏面板
@@ -70,12 +88,12 @@
 
 ### v1.1.0
 
-* **引入常驻顶栏，现可通过代码片段取消隐藏顶栏**
+* **引入常驻顶栏，现可通过代码片段取消隐藏顶栏** [[Issue #3](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/3)]
 * 修复部分情况下浮动反链面板背景模糊失效的问题
 
 <br />
 
-* **Introduced pinned top bar, and now it is possible to pin the top bar using code snippets.**
+* **Introduced pinned top bar, and now it is possible to pin the top bar using code snippets.** [[Issue #3](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/3)]
 * Fixed an issue where the background blur of the floating backlink panel was not working properly in certain cases.
 
 ---

diff --git a/README.md b/README.md
@@ -10,20 +10,17 @@ An ultra-modern macOS-like theme for [SiYuan Note](https://github.com/siyuan-not
 
 ## Latest Updates
 
+### v1.1.6
+
+* Adjusted the table to have automatic width and wrap text when exceeding the page width. [[Issue #7](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/7)]
+* Updated the layout of the `/` menu to adapt to wider windows. [[Issue #6](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/6)]
+
 ### v1.1.5
 
 * Adjusted the table background color to transparent.
 * Adjusted the style of tags in the body text.
 * Optimized the background color of form elements in menus of database.
 
-### v1.1.4
-
-* Optimized the style of the selected item counter of database.
-* Top bar in full-screen mode on macOS will now be automatically pinned.
-* Fixed the issue where the edges of the database selected cells were clipped.
-* Fixed the issue of color difference on the top of the sidebar panel.
-* Fixed the issue of horizontal displacement of buttons when the dialog box first pops up.
-
 Check all updates here 👉 [CHANGELOG](./CHANGELOG.md)
 
 ## Theme Features
@@ -64,17 +61,16 @@ Check all updates here 👉 [CHANGELOG](./CHANGELOG.md)
 * Continuous performance improvement.
 * Optimize database element styles.
 * Optimize flashcards styles.
-* Optimize the `/` menu in wide screen.
 
 ## Acknowledgements
 
 The theme development process drew inspiration from the following themes, and I would like to express my gratitude to their developers 🙏:
 
 | Reference Content                                                 | From Theme | Developer |
 | ---------------------------------------------------------- | ---------- | ------ |
-| Menu background blur                                             | [Cliff-Dark](https://github.com/chenshinshi/Cliff-Dark)         | [Crowds21](https://github.com/chenshinshi)     |
-|Toolbar hiding<br />Dots before sidebar panel list items<br />Outline list item icons<br />Status bar<br />Seach list | [Savor](https://github.com/royc01/notion-theme)         | [Roy](https://github.com/royc01)     |
-| File tree indent guides<br />MutationObserver related functions                                     | [Rem Craft](https://github.com/svchord/Rem-Craft)         | [Seven Chord](https://github.com/svchord)     |
+|- Menu background blur                                             | [Cliff-Dark](https://github.com/chenshinshi/Cliff-Dark)         | [Crowds21](https://github.com/chenshinshi)     |
+|- Toolbar hiding<br />- Dots before sidebar panel list items<br />- Outline list item icons<br />- Status bar<br />- Seach list<br />- Table column width<br />- Multi-column `/` menu | [Savor](https://github.com/royc01/notion-theme)         | [Roy](https://github.com/royc01)     |
+|- File tree indent guides<br />- MutationObserver related functions                                     | [Rem Craft](https://github.com/svchord/Rem-Craft)         | [Seven Chord](https://github.com/svchord)     |
 
 （The order in the list above does not imply any ranking）
 

diff --git a/README_zh_CN.md b/README_zh_CN.md
@@ -9,21 +9,17 @@
 Hadeeth 是一款极富现代感的类 macOS [思源笔记](https://github.com/siyuan-note/siyuan)主题，以轻量、极简的风格，带来优雅、高效的笔记体验。
 
 ## 最近更新
+### v1.1.6
+
+* 调整表格为自动宽度，超过页宽时自动换行 [[Issue #7](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/7)]
+* 优化宽屏下的 `/` 菜单布局 [[Issue #6](https://github.com/mustakshif/Hadeeth-for-SiYuan/issues/6)]
 
 ### v1.1.5
 
 * 调整表格背景色为透明色
 * 调整正文中的标签样式
 * 优化数据库部分菜单中的表单元素背景色
 
-### v1.1.4
-
-* 优化数据库选中条目计数器样式
-* Mac 端应用全屏状态下将自动钉住顶栏
-* 修复数据库选中单元格边缘被裁切的问题
-* 修复侧栏面板顶部色差问题
-* 修复对话框刚弹出时按钮横向位移的问题
-
 查看全部日志 👉 [更新日志](./CHANGELOG.md)
 
 ## 主题特性
@@ -66,17 +62,16 @@ Hadeeth 是一款极富现代感的类 macOS [思源笔记](https://github.com/s
 * 持续优化流畅度
 * 优化数据库元素样式
 * 优化闪卡样式
-* 宽屏下的 `/` 菜单样式
 
 ## 鸣谢
 
 主题制作过程中参考借鉴了以下主题的思路，在此对各位主题开发者表示感谢 🙏：
 
-| 借鉴内容                                                 | 来自主题 | 作者 |
+| 借鉴内容                                                 | 来自主题 | 开发者 |
 | ---------------------------------------------------------- | ---------- | ------ |
-| 菜单背景模糊                                             | [Cliff-Dark](https://github.com/chenshinshi/Cliff-Dark)         | [Crowds21](https://github.com/chenshinshi)     |
-| 隐藏顶栏<br />侧栏面板列表项前圆点<br />大纲列表标题图标<br />状态栏<br />搜索列表 | [Savor](https://github.com/royc01/notion-theme)         | [Roy](https://github.com/royc01)     |
-| 文档树缩进线<br />DOM 变动观察相关函数                                      | [Rem Craft](https://github.com/svchord/Rem-Craft)         | [Seven Chord](https://github.com/svchord)     |
+|- 菜单背景模糊                                             | [Cliff-Dark](https://github.com/chenshinshi/Cliff-Dark)         | [Crowds21](https://github.com/chenshinshi)     |
+|- 隐藏顶栏<br />- 侧栏面板列表项前圆点<br />- 大纲列表标题图标<br />- 状态栏<br />- 搜索列表<br />- 表格列宽<br />- `/` 菜单多栏布局 | [Savor](https://github.com/royc01/notion-theme)         | [Roy](https://github.com/royc01)     |
+|- 文档树缩进线<br />- DOM 变动观察相关函数                                      | [Rem Craft](https://github.com/svchord/Rem-Craft)         | [Seven Chord](https://github.com/svchord)     |
 
 (以上排名不分先后)
 

diff --git a/style/components/menu.scss b/style/components/menu.scss
@@ -84,6 +84,34 @@
     padding: 0;
     background-color: var(--b3-menu-background);
 
+    &.hint--menu {
+        @media screen and (min-width: 1292px) {
+
+            width: auto !important;
+            max-height: 65vh;
+
+            &>div {
+                column-count: 5;
+                column-gap: 4px;
+                column-rule: 1px solid var(--b3-border-color-trans);
+
+                .b3-list-item {
+
+                    .b3-list-item__text {
+                        width: max-content;
+                        margin-right: 4px;
+                    }
+                }
+
+                .b3-menu__separator:not(:nth-of-type(2n + 4)) {
+                    break-before: column;
+                    margin-bottom: -5px;
+                    background-color: transparent
+                }
+            }
+        }
+    }
+
     &>div {
         padding: 4px 0;
 
@@ -143,7 +171,6 @@
 }
 
 
-
 // emoji 面板
 
 .b3-dialog--open .b3-dialog.emojis-container {

diff --git a/style/layout/editor.scss b/style/layout/editor.scss
@@ -387,7 +387,8 @@
     // 表格 ——————————————————————————————————————
     table {
         border-radius: 6px;
-        border: 1px solid var(--b3-border-color-trans);
+        border: 1px solid var(--b3-border-color-trans);        
+        width: auto;
 
         td,
         th {

diff --git a/theme.css b/theme.css
diff --git a/theme.scss b/theme.scss
@@ -29,15 +29,3 @@ body {
     text-underline-position: under;
 }
 
-// @media screen and (min-width: 10px) {
-//     .protyle-hint.hint--menu {
-//         width: auto !important;
-//         // height: 50vh !important;
-
-//         &>div{
-//             display: flex;
-//             flex-wrap: wrap; 
-//             flex-direction: column;
-//         }
-//     };
-// }