Closed etchnight closed 9 months ago
间隔重复-闪卡,问题页标记内容不会被覆盖,即会显示答案
根据闪卡设计,问题页标记文本的文字颜色应该是透明色,但是因为如下主题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; }
修改前: 修改后:
- SiYuan Version: v2.11.4 - Dark+ Version: v1.10.4 - Operating System: win10 - Browser (if used):
No response
在最新版本思源 v2.12.2 中闪卡页面中标记文本会显示为 [...], 如下图所示
v2.12.2
[...]
嗯嗯,新版本确实不存在这个问题了
该问题是否已经被报告过了? 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
修改前: 修改后:
版本环境 Version environment
更多信息 More information
No response