fix: visible spinner on Retry button, CSS htmx-indicator show/hide rules

This commit is contained in:
Marker689
2026-05-11 21:46:21 +03:00
parent 5afb377d92
commit f4b8b74297
4 changed files with 8 additions and 3 deletions

View File

@@ -231,7 +231,9 @@ table td:first-child { font-variant-numeric: tabular-nums; }
.copy-btn:hover { background: #202632; } .copy-btn:hover { background: #202632; }
.copy-btn.copied { color: #4caf50; border-color: #4caf50; } .copy-btn.copied { color: #4caf50; border-color: #4caf50; }
.htmx-indicator { display: inline; } .htmx-indicator { display: none; }
.htmx-indicator.htmx-request,
.htmx-request .htmx-indicator { display: inline; }
/* ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ */
/* Nav / breadcrumbs / empty state */ /* Nav / breadcrumbs / empty state */

View File

@@ -10,6 +10,9 @@
hx-target="closest .llm-report" hx-target="closest .llm-report"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-indicator="closest .llm-report">{{ t('llm_retry', request.state.lang) }}</button> hx-indicator="closest .llm-report">{{ t('llm_retry', request.state.lang) }}</button>
<span class="htmx-indicator llm-retry-spinner">
<span class="spinner"></span> {{ t('llm_analyzing', request.state.lang) }}
</span>
{% endif %} {% endif %}
</div> </div>
<p class="llm-summary">{{ report.summary }}</p> <p class="llm-summary">{{ report.summary }}</p>

View File

@@ -67,7 +67,7 @@
hx-target="#llm-{{ f.id }}" hx-target="#llm-{{ f.id }}"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-indicator="#llm-spinner-{{ f.id }}"> hx-indicator="#llm-spinner-{{ f.id }}">
<span id="llm-spinner-{{ f.id }}" class="htmx-indicator" style="display:none;"> <span id="llm-spinner-{{ f.id }}" class="htmx-indicator">
<span class="spinner"></span> <span class="spinner"></span>
</span> </span>
{{ t('btn_analyze_llm', request.state.lang) }} {{ t('btn_analyze_llm', request.state.lang) }}

View File

@@ -63,7 +63,7 @@
hx-target="#llm-{{ f.id }}" hx-target="#llm-{{ f.id }}"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-indicator="#llm-spinner-{{ f.id }}"> hx-indicator="#llm-spinner-{{ f.id }}">
<span id="llm-spinner-{{ f.id }}" class="htmx-indicator" style="display:none;"> <span id="llm-spinner-{{ f.id }}" class="htmx-indicator">
<span class="spinner"></span> <span class="spinner"></span>
</span> </span>
{{ t('btn_analyze_llm', request.state.lang) }} {{ t('btn_analyze_llm', request.state.lang) }}