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:
@@ -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); }
|
||||
|
||||
Reference in New Issue
Block a user