kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(homepage): force-visible post stream against Bootstrap fade

Browse Source 
Remove Bootstrap fade/in classes from the active home pane, render cards
as <article class="posts-item">, and lock list opacity/display with
!important so published posts cannot stay invisible.
This commit is contained in:
kate522
2026-07-12 18:31:37 +08:00
parent 368b321447
commit ef0461b71e
4 changed files with 59 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/homepage-fixed/base-2.css
+49 -3
View File
@@ -72,9 +72,23 @@
.aksrt-homepage__panel.fade.in,
.aksrt-homepage__panel.tab-pane.active,
#index-tab-main.aksrt-homepage__panel,
#index-tab-main.posts-row {
opacity: 1;
display: block;
#index-tab-main.posts-row,
.home-tab-content .tab-pane.is-active,
.home-tab-content .tab-pane.show,
.home-tab-content .tab-pane.active,
.aksrt-homepage__panel.is-active,
.aksrt-homepage__panel.show {
opacity: 1 !important;
display: block !important;
visibility: visible !important;
}
/* Beat Bootstrap .fade:not(.show){opacity:0} if fade class remains */
.home-tab-content .tab-pane.fade.is-active,
.home-tab-content .tab-pane.fade.show,
.home-tab-content .tab-pane.fade.active,
#index-tab-main.fade {
opacity: 1 !important;
}
.aksrt-homepage__panel-contract {
@@ -484,3 +498,35 @@ html.dark #index-tab-main > .posts-item.list:hover {
.aksrt-homepage__posts[data-view="card"] > .posts-item .meta-right {
display: none;
}
/* ================================================================
VISIBILITY LOCK — homepage post stream must always paint
================================================================ */
posts.posts-item,
article.posts-item,
#index-tab-main > .posts-item,
.home-tab-content .posts-item {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
color: var(--color-ink, #333);
font-size: 1rem !important;
}
#index-tab-main > .posts-item.list,
.home-tab-content .posts-item.list {
display: flex !important;
width: 100%;
box-sizing: border-box;
}
/* Minimal flex utilities used by post cards (zibll-style helpers) */
.flex { display: flex !important; }
.flex.xx,
.xx { flex-direction: column; }
.flex1,
.flex-1 { flex: 1 1 auto; min-width: 0; }
.jsb { justify-content: space-between; }
.ac { align-items: center; }
.jb { justify-content: space-between; }
assets/css/frontend/post-card.css
+5 -1
View File
@@ -25,9 +25,13 @@
/* ============================================================
* 通用 posts-item 基础 — 对齐 zibll line 7585
* ============================================================ */
posts.posts-item,
article.posts-item,
.posts-item {
/* Custom element <posts> is inline by default — force block layout. */
display: block;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
padding: 20px;
margin: 15px 0;
background: var(--main-bg-color, var(--surface-1, #fff));