【已解决】修改选中文字背景框范围

疑问解答
1

我在使用minimal主题时发现选中文字的背景框发生了改变：

image
image2900×1820 696 KB

以前应当是这样的：
image
image2900×1820 332 KB

希望可以把背景改回以前的样子，于是建了一个备用库，尝试挨个安装插件和snippets，发现并不是它们引起的，又转战css，也未能成功，求大佬们帮忙看看问题在哪！

2

这个主题更新特别勤快, 估计是改版时决定不再用这样式
查它过往版本, 其实还是有这 “鼠标所在行全宽度背景” 样式的, 比如 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 
我测试时可能没排除所有的干扰
但大概意思差不多
*/
3

嗦嘎！冒昧问一下，该怎么让它在不缩减栏宽的状态下也保持“鼠标所在行全宽度背景”呢

4

刚试了, 不会弄,
这时在行号和段落之间有个空隙, 只能强行调整 padding 去掉空隙, 完后效果特别丑…

5

啊哈哈哈哈哈，感谢您！

6

别客气~
想在不缩减栏宽时实现这效果, 其实用旧版 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 可能会有不兼容, 看实际情况利用吧

7

哇您是神仙吧！
实在是太感谢了，亲测可用！