Zuoqiu-Yingyi / siyuan-theme-dark-plus

思源笔记的一款多功能双模式主题 | A multifunctional dual-mode theme of SiYuan Note.
GNU Affero General Public License v3.0
139 stars 14 forks source link

:bug: 闪卡问题页标记内容不会被覆盖 #213

Closed etchnight closed 9 months ago

etchnight commented 9 months ago

该问题是否已经被报告过了? Is there an existing issue for this?

描述问题 Describe the problem

间隔重复-闪卡,问题页标记内容不会被覆盖,即会显示答案

期待的结果 Expected result

根据闪卡设计,问题页标记文本的文字颜色应该是透明色,但是因为如下主题css规则,无法实现预期效果

.cardblock:not(.cardblock--hidemark) .protyle-wysiwyg [data-node-id] mark:not([style]), .cardblock:not(.cardblock--hidemark) .protyle-wysiwyg [data-node-id] span[data-type~=mark]:not([style]), .cardblock.cardblock--hidemark .protyle-wysiwyg [data-node-id] mark:hover:not([style]), .cardblock.cardblock--hidemark .protyle-wysiwyg [data-node-id] span[data-type~=mark]:hover:not([style]) { color: var(--custom-span-mark-color) !important; }

即,以下css规则不起作用

.cardblock.cardblock--hidemark .protyle-wysiwyg [data-node-id] mark, .cardblock.cardblock--hidemark .protyle-wysiwyg [data-node-id] span[data-type~=mark], .protyle-wysiwyg [data-node-id] mark:not(:hover), .protyle-wysiwyg [data-node-id] span[data-type~=mark]:not(:hover) { color: transparent; }

考虑更改为以下规则(在自定义css中测试有效) .cardblock.cardblock--hidemark .protyle-wysiwyg div[data-node-id] mark, .cardblock.cardblock--hidemark .protyle-wysiwyg div[data-node-id] span[data-type~="mark"], .protyle-wysiwyg [data-node-id] mark:not(:hover), .protyle-wysiwyg [data-node-id] span[data-type~="mark"]:not(:hover) { color: transparent !important; }

截屏或者录屏演示 Screenshot or screen recording presentation

修改前: 捕获 修改后: 捕获2

版本环境 Version environment

- SiYuan Version: v2.11.4
- Dark+ Version: v1.10.4
- Operating System: win10
- Browser (if used):

更多信息 More information

No response

Zuoqiu-Yingyi commented 9 months ago

在最新版本思源 v2.12.2 中闪卡页面中标记文本会显示为 [...], 如下图所示 image

etchnight commented 9 months ago

嗯嗯,新版本确实不存在这个问题了