feat(widgets): lang switch UX, product oneline shell, forum polish

Lang switch adds inline/hide-current + admin empty; product oneline
classname/defaults; forum hot empty helper + recent plate option + CSS.
This commit is contained in:
2026-07-21 10:20:08 +08:00
parent 9e9f3d00e9
commit 711cbbbd2b
5 changed files with 198 additions and 49 deletions
+79
View File
@@ -2217,3 +2217,82 @@ a.main-color > .icon-cover-card:hover,
width: 100vw;
max-width: 100vw;
}
/* ===== Batch19-21: categories tree, hot meta, paid mini, main renderer, lang ===== */
.aksrt-cat-list.has-thumb .aksrt-cat-list__link,
.aksrt-cat-list.is-tree .aksrt-cat-list__link {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
}
.aksrt-cat-list__thumb {
width: 32px;
height: 32px;
border-radius: 8px;
overflow: hidden;
flex: 0 0 auto;
background: var(--surface-2, #f3f4f6);
display: inline-flex;
align-items: center;
justify-content: center;
color: #999;
}
.aksrt-cat-list__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aksrt-cat-list__text { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.aksrt-cat-list__name { font-weight: 600; }
.aksrt-cat-list__desc { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aksrt-cat-list__children {
list-style: none;
margin: 6px 0 0 18px;
padding: 0;
border-left: 2px solid var(--color-line, #e5e7eb);
padding-left: 10px;
}
.aksrt-cat-list .count {
margin-left: auto;
font-size: 12px;
color: var(--muted-2-color, #999);
background: var(--surface-2, #f3f4f6);
border-radius: 999px;
padding: 1px 8px;
}
.aksrt-paid-posts__item.is-mini {
position: relative;
margin-bottom: 10px;
}
.aksrt-paid-posts__item.is-mini .aksrt-paid-posts__price.badge {
position: absolute;
top: 6px;
right: 6px;
z-index: 2;
background: rgba(239, 68, 68, .92);
color: #fff;
font-size: 11px;
padding: 2px 8px;
border-radius: 999px;
}
.aksrt-lang-switch-widget.hide-name .aksrt-lang-switch__toggle span,
.aksrt-lang-switch-widget.hide-name .aksrt-lang-switch__item {
font-size: 0;
}
.aksrt-lang-switch-widget.hide-current .aksrt-lang-switch__item.is-active,
.aksrt-lang-switch-widget.hide-current .aksrt-lang-switch__flag.is-active {
display: none;
}
.aksrt-lang-switch-widget.style-inline .aksrt-lang-switch--flags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.aksrt-forum-widget__item.is-top .aksrt-forum-widget__rank {
background: var(--theme-color, #f04494);
color: #fff;
}
.tag-cloud.aksrt-tag-cloud a { transition: transform .15s ease; }
.tag-cloud.aksrt-tag-cloud a:hover { transform: translateY(-1px); }