mirror of
https://github.com/bigskysoftware/htmx.git
synced 2026-01-21 08:06:32 +00:00
ee4ef5f18d
* fix autofocus on mobile search bar
* improve pattern documentation structure and titles
- inline-validation.md → active-validation.md
- bulk-update.md → bulk-actions.md
- delete-row.md → delete-in-place.md
- sortable.md → drag-to-reorder.md
- click-to-edit.md → edit-in-place.md
- value-select.md → linked-selects.md
- reset-user-input.md → reset-on-submit.md
- Merged tabs-hateoas.md and tabs-javascript.md into single tabs.md
- Removed obsolete files:
- file-upload-input.md (merged into file-upload.md)
- web-components.md (content moved to /docs - not a pattern)
- Refreshed titles and descriptions
- Updated icons for better visual consistency
- Disabled interactive demos:
- Commented out {{ demo_environment() }} and demo code blocks in: animations, click-to-load, infinite-scroll, file-upload, bulk-actions, drag-to-reorder, edit-in-place, active-search
- Minor formatting cleanup across multiple pattern files
* update /help page
34 lines
2.0 KiB
HTML
34 lines
2.0 KiB
HTML
{% for group in section.extra.pattern_groups %}
|
|
<h4 id="{{ group.name|lower }}" class="mt-8">
|
|
<a class="zola-anchor not-prose" href="#{{ group.name|lower }}" aria-label="Anchor link for: {{ group.name|lower }}">{{ group.name }}</a>
|
|
</h4>
|
|
|
|
<div class="mt-4 flex flex-col gap-1.5 border border-neutral-200 dark:border-neutral-800 rounded-[3px] p-1.5">
|
|
{% for pattern in group.patterns %}
|
|
{% set_global pattern_path = "content" ~ pattern.url ~ ".md" %}
|
|
{% set_global file_exists = load_data(path=pattern_path, required=false) %}
|
|
<a href="{{ pattern.url }}" {% if not file_exists %}data-disabled{% endif %} class="group flex items-center gap-5 px-3 py-2 no-underline text-sm text-neutral-800 dark:text-neutral-200 not-data-disabled:hover:text-white not-data-disabled:hover:bg-blue-600 dark:not-data-disabled:hover:bg-blue-600 data-disabled:cursor-not-allowed data-disabled:pointer-events-none data-disabled:opacity-50 rounded-[2px] transition">
|
|
<!-- Icon -->
|
|
<iconify-icon icon="{{ pattern.icon }}" class="size-5 shrink-0 mt-0.5 sm:mt-0 -translate-y-px" height="none"></iconify-icon>
|
|
|
|
<!-- Title + Description wrapper -->
|
|
<div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-5 flex-1 min-w-0">
|
|
<h6 class="text-xs sm:min-w-[20ch]{% if not file_exists %} font-semibold{% endif %}">
|
|
{{- pattern.title -}}
|
|
</h6>
|
|
<span class="text-xs sm:text-sm">
|
|
{{- pattern.description -}}
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Soon badge -->
|
|
{% if not file_exists %}
|
|
<span class="text-[9px] font-os9 px-1.5 py-0.5 shrink-0 self-start sm:self-center rounded bg-yellow-300/5 text-yellow-700 dark:text-yellow-300 border border-yellow-600/50 dark:border-yellow-300 font-medium uppercase tracking-wide">
|
|
Soon
|
|
</span>
|
|
{% endif %}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|