refactor: 移除 Fancybox 竖向缩略图侧边栏位置微调样式
continuous-integration/drone/push Build is passing

This commit is contained in:
seahi committed 2026-09-12 08:17:48 +08:00
1 parent 395d167fd8
commit e66e87c63b
2 files changed
+1 -13

No files matched your search

-11
View File
@@ -1598,14 +1598,3 @@ footer section p:first-child {
padding-top: 0 !important; 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;
}
+1 -2
View File
@@ -377,8 +377,7 @@
Fancybox.bind('[data-fancybox]', { Fancybox.bind('[data-fancybox]', {
Carousel: { Carousel: {
Thumbs: { Thumbs: {
// 'scrollable' 让缩略图成为竖向侧边导航; // 'scrollable' 让缩略图成为竖向侧边导航(库默认放在左侧,会自动加 .has-vertical-thumbs)。
// 库会自动加上 .has-vertical-thumbs(方向由 app.css 覆盖为右侧)。
type: 'scrollable', type: 'scrollable',
// 默认收起,由工具栏右上角的缩略图按钮展开/收起。 // 默认收起,由工具栏右上角的缩略图按钮展开/收起。
showOnStart: false showOnStart: false