fix: 修复 Markdown 编辑器吸顶工具条样式及层级遮挡问题
continuous-integration/drone/push Build is passing

This commit is contained in:
seahi committed 2026-09-16 11:11:37 +08:00
1 parent 2da03d6ddc
commit fca15a5d11
1 file changed
+7 -5
@@ -397,18 +397,20 @@
/* 吸顶:紧贴后台固定顶栏(高度 58px)下方,滚动时保持可见 */ /* 吸顶:紧贴后台固定顶栏(高度 58px)下方,滚动时保持可见 */
position: sticky; position: sticky;
top: 58px; top: 58px;
/* 编辑器 .cm-scroller 是 position: relative + z-index: 0,且 DOM 更靠后,
必须抬高层级,否则正文会盖在工具条上(看起来像半透明) */
z-index: 20;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
gap: 2px; gap: 2px;
margin-bottom: 10px; /* 把原来的 10px 间距挪到内边距里,吸顶时下方才不会露出正文 */
padding: 4px; margin-bottom: 0;
padding: 4px 4px 14px;
border: 1px solid rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, 0.12);
/* 需要用不透明背景,否则滚动内容会从工具条后面透出来 */ /* 不透明背景,避免滚动内容从工具条后面透出来 */
background-color: var(--bg-color, #ffffff); background-color: var(--bg-color, #ffffff);
background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015)); background-image: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015));
/* 用阴影填充下方 10px 的间距,避免滚动内容从缝隙中露出 */
box-shadow: 0 10px 0 var(--bg-color, #ffffff);
} }
.md-btn { .md-btn {