Merge pull request 'fix(homepage): make post stream visible (panel opacity + posts display)' (#90) from worktree-homepage-zibll-1to1 into main

Reviewed-on: CYL/wordpress-theme-aksrt#90

assets/css/frontend/homepage-fixed/base-2.css

@@ -62,10 +62,21 @@
 }
 
 .aksrt-homepage__panel {
+  /* Inactive panes start transparent; active pane must be fully visible. */
   opacity: 0;
   transition: opacity 0.3s ease;
 }
 
+.aksrt-homepage__panel.is-active,
+.aksrt-homepage__panel.active,
+.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;
+}
+
 .aksrt-homepage__panel-contract {
   display: none;
 }
@@ -80,7 +91,10 @@
   margin: 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list {
+/* List cards: wrapped (.aksrt-homepage__posts) OR direct panel children (skip_wrapper). */
+.aksrt-homepage__posts > .posts-item.list,
+.posts-row.ajaxpager > .posts-item.list,
+#index-tab-main > .posts-item.list {
   width: 100%;
   margin: 15px 0;
   padding: 20px;
@@ -94,19 +108,26 @@
   box-shadow: var(--shadow-sm);
   overflow: hidden;
   transition: box-shadow 0.2s ease;
+  font-size: 1rem;
+  opacity: 1;
 }
 
-.aksrt-homepage__posts > .posts-item.list:last-child {
+.aksrt-homepage__posts > .posts-item.list:last-child,
+.posts-row.ajaxpager > .posts-item.list:last-child,
+#index-tab-main > .posts-item.list:last-child {
   margin-bottom: 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list:hover {
+.aksrt-homepage__posts > .posts-item.list:hover,
+.posts-row.ajaxpager > .posts-item.list:hover,
+#index-tab-main > .posts-item.list:hover {
   box-shadow: var(--shadow);
   transform: none;
 }
 
 html.dark .aksrt-homepage__posts > .posts-item.list:hover,
-html.dark .aksrt-homepage__posts > .posts-item.list:hover {
+html.dark .posts-row.ajaxpager > .posts-item.list:hover,
+html.dark #index-tab-main > .posts-item.list:hover {
   box-shadow: 0 4px 16px rgba(24, 24, 24, 0.22);
 }
 
@@ -217,7 +238,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   padding: 2px 0 0;
 }
 
-.aksrt-homepage__posts > .posts-item.list .item-body {
+.aksrt-homepage__posts > .posts-item.list .item-body,
+.posts-row.ajaxpager > .posts-item.list .item-body,
+#index-tab-main > .posts-item.list .item-body {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -228,7 +251,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   flex: 1 1 auto;
 }
 
-.aksrt-homepage__posts .item-heading {
+.aksrt-homepage__posts .item-heading,
+#index-tab-main .item-heading,
+.posts-row.ajaxpager .item-heading {
   margin: 0 0 2px;
   font-size: 18px;
   font-weight: 500;
@@ -242,16 +267,22 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   color: var(--color-ink);
 }
 
-.aksrt-homepage__posts .item-heading a {
+.aksrt-homepage__posts .item-heading a,
+#index-tab-main .item-heading a,
+.posts-row.ajaxpager .item-heading a {
   color: inherit;
   text-decoration: none;
 }
 
-.aksrt-homepage__posts .item-heading a:hover {
+.aksrt-homepage__posts .item-heading a:hover,
+#index-tab-main .item-heading a:hover,
+.posts-row.ajaxpager .item-heading a:hover {
   color: var(--color-primary, var(--color-primary));
 }
 
-.aksrt-homepage__posts .item-excerpt {
+.aksrt-homepage__posts .item-excerpt,
+#index-tab-main .item-excerpt,
+.posts-row.ajaxpager .item-excerpt {
   margin: 0;
   color: var(--main-color, #4e5358);
   font-size: 14px;
@@ -262,7 +293,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   overflow: hidden;
 }
 
-.aksrt-homepage__posts .item-tags {
+.aksrt-homepage__posts .item-tags,
+#index-tab-main .item-tags,
+.posts-row.ajaxpager .item-tags {
   display: flex;
   align-items: center;
   min-height: 0;
@@ -282,7 +315,9 @@ html.dark .aksrt-homepage__posts > .posts-item.list:hover {
   font-weight: 400;
 }
 
-.aksrt-homepage__posts .item-meta {
+.aksrt-homepage__posts .item-meta,
+#index-tab-main .item-meta,
+.posts-row.ajaxpager .item-meta {
   display: flex;
   align-items: center;
   justify-content: space-between;

assets/css/frontend/post-card.css

@@ -26,6 +26,8 @@
  * 通用 posts-item 基础 — 对齐 zibll line 7585
  * ============================================================ */
 .posts-item {
+    /* Custom element <posts> is inline by default — force block layout. */
+    display: block;
     padding: 20px;
     margin: 15px 0;
     background: var(--main-bg-color, var(--surface-1, #fff));
@@ -34,6 +36,22 @@
     transition: box-shadow 0.2s ease;
     box-shadow: 0 0 10px var(--main-shadow, var(--shadow-sm));
     border-radius: var(--main-radius, var(--radius, 8px));
+    font-size: 1rem;
+    color: var(--main-color, #4e5358);
+    opacity: 1;
+}
+
+.posts-item.list {
+    display: block;
+    width: 100%;
+    font-size: 1rem;
+}
+
+/* No-thumb list cards: body fills full width (no float hole for missing thumb). */
+.posts-item.list.no-thumb .item-body,
+.posts-item.no-thumb .item-body {
+    width: 100%;
+    margin: 0;
 }
 
 /* ============================================================