diff --git a/src/app.css b/src/app.css index 0544474..754ae40 100644 --- a/src/app.css +++ b/src/app.css @@ -1598,14 +1598,3 @@ footer section p:first-child { padding-top: 0 !important; } } - -/* - * 文章详情页灯箱 (Fancybox) 微调 - * - * 说明:Fancybox v6 在 Thumbs 使用 `type: 'scrollable'` 时会自动给容器加上 - * `.has-vertical-thumbs`,并铺展成 `flex-direction: row-reverse`(竖向缩略图条默认在左侧)。 - * 这里只覆盖一处:把它改到右侧。其余布局全部交给官方样式,避免与库自身逻辑冲突。 - */ -.fancybox__container.has-vertical-thumbs { - flex-direction: row !important; -} diff --git a/src/lib/components/MarkdownRenderer.svelte b/src/lib/components/MarkdownRenderer.svelte index f745f86..153d7c8 100644 --- a/src/lib/components/MarkdownRenderer.svelte +++ b/src/lib/components/MarkdownRenderer.svelte @@ -377,8 +377,7 @@ Fancybox.bind('[data-fancybox]', { Carousel: { Thumbs: { - // 'scrollable' 让缩略图成为竖向侧边导航; - // 库会自动加上 .has-vertical-thumbs(方向由 app.css 覆盖为右侧)。 + // 'scrollable' 让缩略图成为竖向侧边导航(库默认放在左侧,会自动加 .has-vertical-thumbs)。 type: 'scrollable', // 默认收起,由工具栏右上角的缩略图按钮展开/收起。 showOnStart: false