我在使用minimal主题时发现选中文字的背景框发生了改变:
以前应当是这样的:
希望可以把背景改回以前的样子,于是建了一个备用库,尝试挨个安装插件和snippets,发现并不是它们引起的,又转战css,也未能成功,求大佬们帮忙看看问题在哪!
这个主题更新特别勤快, 估计是改版时决定不再用这样式
查它过往版本, 其实还是有这 “鼠标所在行全宽度背景” 样式的, 比如 ref
看了下是拿 box-shadow 做的,
如果是最新的 Minimal 主题,
且在缩减栏宽模式下,
可以补一份类似下面这种的样式:
.cm-content .cm-active {
box-shadow: -25vw 0 var(--active-line-bg),25vw 0 var(--active-line-bg);
background-color: var(--active-line-bg);
}
.cm-gutters .cm-active {
background-color: var(--active-line-bg);
}
/* 这主题支持 Style Settings 和 Minimal Theme Settings
我测试时可能没排除所有的干扰
但大概意思差不多
*/
嗦嘎!冒昧问一下,该怎么让它在不缩减栏宽的状态下也保持“鼠标所在行全宽度背景”呢
刚试了, 不会弄,
这时在行号和段落之间有个空隙, 只能强行调整 padding 去掉空隙, 完后效果特别丑…
啊哈哈哈哈哈,感谢您!
别客气~
想在不缩减栏宽时实现这效果, 其实用旧版 Minimal 比如 6.3.11, 就完事了
鼓捣一番之后发现, 即使用最新版 Minimal 7.0.5, 也可以抄些旧代码过来:
/* 在不缩减栏宽时, 在最新版主题时, 实现 “鼠标所在行全宽度背景” */
.markdown-source-view.mod-cm6:not(.is-readable-line-width) .cm-contentContainer,
.markdown-source-view.mod-cm6:not(.is-readable-line-width) .inline-title {
max-width: var(--max-width);
margin: 0 0 0 calc(50% - var(--max-width)/ 2) !important;
padding-left: var(--folding-offset);
}
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
padding: 0;
}
.cm-line.cm-active,
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote.cm-active {
background-color: var(--active-line-bg);
box-shadow: -25vw 0 var(--active-line-bg), 25vw 0 var(--active-line-bg);
}
.cm-gutters .cm-active {
background-color: transparent;
}
以上我没看懂, 只是实际测试管用
我估计他的新版本, 肯定是为了解决些啥问题才改掉这个背景色的,
所以这么加 css snippet 可能会有不兼容, 看实际情况利用吧
哇您是神仙吧!
实在是太感谢了,亲测可用!