3.1.4 之前代码选择就有问题,我曾经在这个帖子中解决了这个问题,今天喜冲冲的升级了新版。
以为官方解决了这个问题,但仔细测试下来发现还是有问题。
当鼠标移动到代码块之外时,未选择的代码突然被选中,见下图。
然后开启了我之前的解决方案,发现代码行有点错位,这不连夜修复了这个问题,使之适应 3.1.4 版本。
代码如下
/* 适用于3.1.4版本 */
/* 取消行号列占用的空间 */
.code-block .protyle-linenumber__rows {
position: absolute;
left: 0;
}
/* 当有行号时,代码块右移,给行号列让空间 */
.code-block .hljs {
margin-left: 1.2em;
}
注意,这个版本仅适用于 3.1.4 版本。
旧版本请参考: 代码块功能优化建议 - wilsons 的回帖
最终效果如下,感觉舒服多了。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于