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

feat(widgets): comments CPT, tag scale, oneline filters + CSS

Browse Source 
RecentComments uses aksrt_forum_topic/product + lazy avatars; TagCloud
scale works; OnelinePosts topics/pay_type; batch34-36 residual CSS.
This commit is contained in:
kate522
2026-07-21 12:16:57 +08:00
parent 322060bd15
commit a770ff2591
4 changed files with 119 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/widget-batch5.css
+48
View File
@@ -2431,3 +2431,51 @@ a.main-color > .icon-cover-card:hover,
/* batch31-33 residual */
.aksrt-fi__img.aksrt-lazy { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; }
.aksrt-fi__video { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
/* batch34-36 residual */
.widget-hot-posts--graphic .hot-posts-graphic { margin-bottom: 12px; border-radius: 8px; overflow: hidden; }
.widget-hot-posts--graphic .hot-posts-graphic .graphic { position: relative; overflow: hidden; border-radius: 8px; background: var(--surface-2, #f3f4f6); }
.widget-hot-posts--graphic .hot-posts-graphic img.fit-cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.widget-hot-posts--graphic .linear-mask {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.62), transparent 55%);
pointer-events: none;
}
.widget-hot-posts--graphic .abs-center.left-bottom { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; }
.widget-hot-posts--graphic .hot-posts-graphic__title { font-weight: 600; line-height: 1.35; }
.widget-hot-posts--graphic .hot-post-item { position: relative; align-items: flex-start; gap: 0; }
.widget-hot-posts--graphic .hot-post-item__thumb {
flex: 0 0 72px; width: 72px; height: 54px; border-radius: 8px; overflow: hidden;
position: relative; background: var(--surface-2, #f3f4f6);
}
.widget-hot-posts--graphic .hot-post-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.widget-hot-posts--graphic badge.img-badge.left.hot {
position: absolute; top: 6px; left: 6px; z-index: 2;
padding: 2px 6px; border-radius: 4px; font-size: 11px; line-height: 1.2; color: #fff;
}
.widget-hot-posts--graphic badge.img-badge.jb-red { background: #f04438; }
.widget-hot-posts--graphic badge.img-badge.jb-yellow { background: #f79009; color: #111; }
.widget-hot-posts--graphic badge.img-badge.b-gray { background: #667085; }
.widget-hot-posts--graphic badge.img-badge.em12 { font-size: 12px; }
.pagenav.ajax-pag { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; align-items: center; margin-top: 12px; }
.pagenav.ajax-pag .page-numbers {
display: inline-flex; min-width: 32px; height: 32px; padding: 0 8px;
align-items: center; justify-content: center; border-radius: 8px;
background: var(--surface-2, #f3f4f6); color: inherit; text-decoration: none; font-size: 13px;
}
.pagenav.ajax-pag .page-numbers.current { background: var(--theme-color, #f04494); color: #fff; }
.pagenav.ajax-pag .page-numbers.dots { background: transparent; min-width: auto; }
.widget-tab-posts__skeleton .placeholder-row {
display: flex; gap: 10px; align-items: center; padding: 8px 0;
}
.widget-tab-posts__skeleton .thumb-placeholder {
width: 56px; height: 42px; border-radius: 6px; background: var(--surface-2, #eee);
}
.widget-tab-posts__skeleton .placeholder.k1,
.widget-tab-posts__skeleton .placeholder.s1 {
height: 12px; border-radius: 4px; background: var(--surface-2, #eee);
}
.widget-tab-posts__skeleton .placeholder.k1 { width: 80%; }
.widget-tab-posts__skeleton .placeholder.s1 { width: 48%; }
.posts-mini-lists.aksrt-main-posts { /* zibll mini outer */ }