archvillainetteandClaude Fable 5
7add4bf2e6
- Token sweep: exact-value gold literals now use --wg-border / --wg-border-soft / --wg-focus - Topbar: drop invalid role="menuitem" (no parent role="menu") - topics_list: topic-select icons get role="checkbox", tabindex, aria-label; client.js makes them keyboard-operable and syncs aria-checked - category.tpl: copy-handle link gets an accessible name, "View Original" moved to i18n, external-link icon aria-hidden, stretched link inside aria-hidden alert removed from tab order - Footer: all copy moved to [[westgate:footer.*]] keys; year injected via filter:middleware.renderFooter instead of hard-coded 2026 - client.js: batch table measurements before writes (no interleaved reflow), .catch on the category class map so search results never hang, category selector match uses fw-bold class instead of inline style - Forced-colors focus fallback: transparent outline alongside the box-shadow focus ring - DESIGN.md: real radius scale (3/4/6/8px), code-block palette, motion & modes section, placeholder alpha Verified against the sow-nodebb dev container: themed code blocks render in posts, footer i18n + year, checkbox roles in served HTML. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
40 lines
2.5 KiB
Smarty
40 lines
2.5 KiB
Smarty
<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2 dropdown-toggle h-100" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span component="category-selector-selected" class="fw-semibold">
|
|
{{{ if (selectedCategory && !showCategorySelectLabel) }}}
|
|
<span class="category-item d-inline-flex align-items-center gap-1 {{{ if selectedCategory.class }}}{selectedCategory.class}{{{ end }}}">
|
|
{{buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}}
|
|
<span class="category-name">{{tx(selectedCategory.name)}}</span>
|
|
</span>
|
|
{{{ else }}}
|
|
<i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}} text-primary"></i>
|
|
<span class="d-none d-md-inline">{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread-tools.select-category]]{{{ end }}}</span>
|
|
{{{ end }}}
|
|
</span>
|
|
</button>
|
|
|
|
<div class="dropdown-menu p-1">
|
|
<div component="category-selector-search" class="p-1 hidden">
|
|
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
|
|
<hr class="mt-2 mb-0"/>
|
|
</div>
|
|
<ul component="category/list" class="list-unstyled mb-0 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
|
|
<li component="category/no-matches" role="presentation" class="category hidden">
|
|
<a class="dropdown-item rounded-1" role="menuitem">[[search:no-matches]]</a>
|
|
</li>
|
|
{{{ each categoryItems }}}
|
|
<li role="presentation" class="category {{{ if ./disabledClass }}}disabled {{{ end }}}{{{ if ./class }}} {./class}{{{ end }}}" data-cid="{./cid}" data-name="{./name}" data-parent-cid="{./parentCid}">
|
|
<a class="dropdown-item rounded-1 {{{ if ./disabledClass }}}disabled{{{ end }}}" role="menuitem" href="#">{./level}
|
|
<span component="category-markup" class="{{{ if ./match }}}fw-bold{{{end}}}">
|
|
<span class="category-item d-inline-flex align-items-center gap-1 {{{ if ./class }}}{./class}{{{ end }}}">
|
|
{{{ if ./icon }}}
|
|
{{buildCategoryIcon(@value, "24px", "rounded-circle")}}
|
|
{{{ end }}}
|
|
<span class="category-name">{{tx(./name)}}</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{{ end }}}
|
|
</ul>
|
|
</div>
|