diff --git a/README.md b/README.md index 8804666..039c2ea 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,15 @@ - 霞鹜文楷字体地址:https://github.com/lxgw/LxgwWenKai/ - 安装后可自动生效,不用做什么设置;如果没有立即生效,可以重启一下思源笔记 +### 0.79版本 + +- 调整menu菜单高度,恢复为默认高度,否则可能会存在遮挡的情况 +- menu菜单悬浮时没有背景颜色 +- 将面包屑设置为毛玻璃样式(代码指导来自于Dark+主题作者) +- 其他一些细节 + #### 0.78版本更新 + - 将主题代码进行拆分,方便精确查找修改 - 修复不弹出通知的bug - 无序列表前面的圆点大小 diff --git a/style/02-appearance/breadcrumb.css b/style/02-appearance/breadcrumb.css index c06d346..bc1ae33 100644 --- a/style/02-appearance/breadcrumb.css +++ b/style/02-appearance/breadcrumb.css @@ -1,13 +1,34 @@ /* -------------------------------------------------面包屑导航样式-------------------------------------------- */ .protyle-breadcrumb { color: gray; - background-color: var(--b3-theme-background2); + /* background-color: var(--b3-font-color-gray-tm); */ font-size: 14px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } + +/* 将面包屑设置为毛玻璃效果,来自于Dark+作者的建议 */ + +/* 01 将面包屑设置为绝对布局 */ +.protyle-breadcrumb { + position: absolute; + /* background-color:rgba(255, 255, 255, 0.5); */ + background-color: rgba(250, 250, 250, 0.7); + backdrop-filter: blur(5px); + z-index: 2; + width: 100%; +} + +/* 02 将正文设置为浮动布局 */ +.protyle-content { + float: left; + padding-top: 30px; +} + + +/* -------------------设置面包屑中icon大小------------------------- */ .protyle-breadcrumb__item svg { height: 14px; width: 14px; @@ -16,6 +37,4 @@ .protyle-breadcrumb__item:hover, .protyle-breadcrumb__item--active { background-color: var(--b3-theme-tm2) !important; -} - -/* -------------------------------------------------面包屑导航样式 END-------------------------------------------- */ \ No newline at end of file +} \ No newline at end of file diff --git a/style/02-appearance/file-tree.css b/style/02-appearance/file-tree.css index 4113ea7..e15d5b4 100644 --- a/style/02-appearance/file-tree.css +++ b/style/02-appearance/file-tree.css @@ -26,7 +26,7 @@ body { border-bottom: var(--b3-border-dashed); padding: 1px 8px; box-sizing: border-box; - height: 33px; + height: 34px; } /* ————————————————————大纲等文字显示主题色———————————————————— */ diff --git a/style/02-appearance/menu.css b/style/02-appearance/menu.css index 819541a..78cde01 100644 --- a/style/02-appearance/menu.css +++ b/style/02-appearance/menu.css @@ -39,7 +39,7 @@ button.b3-menu__item:hover { /* 给每个条目设置更高的行高 */ .b3-menu .b3-menu__item { background-color: var(--b3-theme-background2); - line-height: 35px !important; + /* line-height: 35px !important; */ } /* --------------------------------------------------“更多”按钮...hover时的背景颜色 END--------------------------------------- */ \ No newline at end of file diff --git a/style/02-appearance/tab-bar.css b/style/02-appearance/tab-bar.css index fc4810b..0387e80 100644 --- a/style/02-appearance/tab-bar.css +++ b/style/02-appearance/tab-bar.css @@ -12,12 +12,12 @@ } .layout-tab-bar .item:first-child { - border-left: 1px solid var(--b3-border-color) !important; + border-left: 1px solid transparent !important; } -.layout-tab-bar .item:last-child { - border-right: 1px solid var(--b3-border-color) !important; -} +/* .layout-tab-bar .item:last-child { + border-right: 1px solid transparent !important; +} */ /* ——————————————————————设置文字最小宽度,标签过多时才能看清楚文字—————————————————————— */ @@ -67,4 +67,13 @@ width: 1em; } -/* --------------------------------------------------标签页 END--------------------------------------------- */ \ No newline at end of file +/* --------------------------------------------------标签页 END--------------------------------------------- */ + +/* v2.1.14引入 */ +.layout-tab-bar .item:not(:last-child), .layout-tab-bar .item:last-child:not(.item--focus):not(.item--readonly) { + box-shadow: none; +} + +.layout-tab-bar .item:last-child:not(.item--readonly) { + margin-right: 0; +} \ No newline at end of file diff --git a/style/03-inline-span/block-ref.css b/style/03-inline-span/block-ref.css index a964acb..0f2ce86 100644 --- a/style/03-inline-span/block-ref.css +++ b/style/03-inline-span/block-ref.css @@ -1,42 +1,20 @@ -/* ------------------------------------------------块引用/引用块------------------------------------------------- */ /* 设置引用块格式 */ -/* .protyle-wysiwyg [data-node-id] span[data-type='block-ref'] { +.protyle-wysiwyg [data-node-id] span[data-type='block-ref'] { color: inherit; padding: 0.1em 0.2em; padding-bottom: 0.05em !important; border-bottom: 1px solid var(--b3-theme-primary); margin: 2px; -} */ - -.protyle-wysiwyg [data-node-id] span[data-type='block-ref'] { - color: var(--b3-theme-on-background); - border-radius: 4px; - text-decoration: 0.05em solid var(--b3-theme-primary) underline; - text-underline-offset: 0.1em; -} - -.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before { - content: ""; - display: inline-block; - position: relative; - background-repeat: no-repeat; - background-size: 1.1em 1.1em; - background-image: url('../../src/page.png'); - width: 1.1em; - height: 1.1em; - margin-right: 0.2em; - margin-left: 5px; - top: 0.1em; } /* 为引用块后面增加引用图标 */ -/* .protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before { +.protyle-wysiwyg [data-node-id] span[data-type="block-ref"]::before { content: "📑"; position: relative; font-size: 80%; top: -0.1em; margin-right: 2px; -} */ +} .protyle-wysiwyg [data-node-id] span[data-type="block-ref"]:hover { color: var(--b3-theme-primary); @@ -44,17 +22,6 @@ border-radius: 3px 3px 0 0; } -/* 去掉h1-h6标题上块引用的下划线,感谢二群群友123的建议 */ -.h1 span[data-type='block-ref'], -.h2 span[data-type='block-ref'], -.h3 span[data-type='block-ref'], -.h4 span[data-type='block-ref'], -.h5 span[data-type='block-ref'], -.h6 span[data-type='block-ref'] { - border-bottom: 1px solid transparent !important; -} - - /* 引用块悬浮时头部的背景颜色 */ .b3-menu, .protyle-util { box-shadow: var(--b3-small-kuaiyinyong-shadow) diff --git a/style/04-block-div/list.css b/style/04-block-div/list.css index 5b9eb79..2f5cf23 100644 --- a/style/04-block-div/list.css +++ b/style/04-block-div/list.css @@ -37,9 +37,9 @@ } /* ——————————————————————去除无序列表底部外边距———————————————————— */ -.protyle-wysiwyg [data-node-id].li>[data-node-id] { +/* .protyle-wysiwyg [data-node-id].li>[data-node-id] { margin-bottom: 0px; -} +} */ /* ————————————————————减小前面符号·的大小———————————————————— */ /* .list[data-node-id][data-type="NodeList"] .protyle-action>svg { diff --git a/theme.css b/theme.css index acdbef7..513d99e 100644 --- a/theme.css +++ b/theme.css @@ -35,7 +35,7 @@ /* 修改选中文字后弹出的悬浮工具栏的样式 */ @import url("style/02-appearance/toolbar.css"); /* 修改弹出菜单的样式 */ -@import url("style/02-appearance/meun.css"); +@import url("style/02-appearance/menu.css"); /* 修改按钮样式 */ @import url("style/02-appearance/button.css"); /* 修改设置界面样式 */ diff --git a/theme.json b/theme.json index 89909a0..89cba7c 100644 --- a/theme.json +++ b/theme.json @@ -2,7 +2,7 @@ "name": "Zhang-Light", "author": "UserZYF", "url": "https://github.com/UserZYF/zhang-light", - "version": "0.78", + "version": "0.79", "modes": [ "light" ]