yihui / litedown

A lightweight version of R Markdown
https://yihui.org/litedown/
Other
130 stars 1 forks source link

悬浮脚注被代码块遮挡 #11

Closed Shitao5 closed 1 week ago

Shitao5 commented 1 month ago

小板凳搬好了 催更

发现悬浮的脚注会被代码块遮挡住:

image

yihui commented 1 month ago

谢谢。目测需要设置一下悬浮脚注的 z-index 。

Shitao5 commented 1 month ago

又看了一遍,还是这个地方,在页面较窄的时候脚注从侧边来到正文,这里有两个单词成了漏网之鱼,其他脚注都正常,益辉大大看看是否可以一并修复。

image

Shitao5 commented 1 month ago

页面宽度再小一点的时候发现脚注跑到行中去了:

image

这个不确定是否设计如此,我觉得这也挺合理的,但估计有不少小伙伴会犯强迫症。

CyrusYip commented 1 week ago

页面宽度再小一点的时候发现脚注跑到行中去了:

—— @Shitao5

这是响应式设计。宽度够大(1280px 以上)就在侧面放脚注,太小放不下就直接放文章里面了。

Shitao5 commented 1 week ago

@CyrusYip 嗯嗯我理解,目前脚注放在段落里边了。我的常规理解是段落完整优先,脚注可以放在对应段落下面。

yihui commented 1 week ago

这个不确定是否设计如此,我觉得这也挺合理的,但估计有不少小伙伴会犯强迫症。

这个“强行插队”设计是我有意如此,我个人觉得插队更合理。如果不插队,那么就得接受更丑的结果:

image

我的常规理解是段落完整优先,脚注可以放在对应段落下面。

是的,只是从实现角度来说,这个单纯用 CSS 无法实现,必须要借用 JS,可能会使代码复杂许多。当然,欢迎你深入研究,也许并没有我说的那么复杂。

yihui commented 1 week ago

原始问题已修复(https://github.com/yihui/misc.js/commit/41681fc1d520a3183e8aaae81e3e3a60deed4f9f),就是个 z-index 的事。

在页面较窄的时候脚注从侧边来到正文,这里有两个单词成了漏网之鱼

也已修复:https://github.com/yihui/misc.js/commit/28c99ef2621a68e6903bbd5b1b8463477cf85f22