fix(single): place the video footer breadcrumb like the reference

Drop the invented .post-breadcrumbs wrapper and echo the breadcrumb
inside the reference's flex jsb at row; split .single-video .breadcrumb
out of the cover-overlay rule (-6px pull and opacity reset belong to
title-over-cover contexts only) and restore the legacy 15px footer
padding. Pin the structure in the cover contract test and rebuild the
homepage aggregates.
This commit is contained in:
kate522 committed 2026-09-06 11:26:21 +08:00
1 parent d3eef19b95
commit 9496db5171
6 files changed
+46 -20

No files matched your search

+6 -4
View File
@@ -69,12 +69,11 @@ ul.breadcrumb > li:last-child,
color: var(--main-color, var(--color-ink-2, #4e5358));
}
/* Cover / video footer breadcrumb — legacy single-cover-con / single-video */
/* Cover overlay breadcrumb — legacy .single-cover-con:标题叠加封面,
面包屑需要 -6px 左拉与不透明度还原。 */
.single-cover-con .breadcrumb,
.single-cover-con ul.breadcrumb,
.single-cover-con .breadcrumb-nav,
.post-breadcrumbs .breadcrumb,
.single-video .breadcrumb {
.single-cover-con .breadcrumb-nav {
font-size: 13px;
margin: 5px 0 0 -6px;
opacity: unset;
@@ -82,6 +81,9 @@ ul.breadcrumb > li:last-child,
background: transparent;
}
/* Video footer breadcrumb — legacy .single-video .breadcrumb:标题在下方
footer(flex jsb at 行)不叠加封面,只归零内边距,保留基础弱化样式
(opacity .6 与 12px 下边距),对齐 zibll main.css。 */
.single-video .breadcrumb {
padding: 0;
}
+2 -8
View File
@@ -50,13 +50,6 @@
background: var(--color-bg-2, #f5f5f5);
}
/* ===== 面包屑 ===== */
.post-breadcrumbs {
margin-bottom: 12px;
font-size: 13px;
color: var(--color-ink-4, var(--color-ink-4));
}
.article-title + .img-badge,
.single-head-cover .img-badge.right,
.article-header .img-badge.right {
@@ -101,7 +94,8 @@
/* ===== Video footer (legacy single-video-footer) ===== */
.single-head-cover .single-video-footer { padding: 12px 4px 4px; }
/* 内边距沿用 legacy 契约 .single-video-footer{padding:15px}(与 zibll 一致),
面包屑在 flex jsb at 行首,不再额外包装。 */
.single-head-cover .single-video-footer .article-title {
font-size: clamp(1.1rem, 2.4vw, 1.45rem); font-weight: 700; margin: 8px 0 0; line-height: 1.35;
}