fix: visible spinner on Retry button, CSS htmx-indicator show/hide rules
This commit is contained in:
@@ -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 */
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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) }}
|
||||||
|
|||||||
@@ -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) }}
|
||||||
|
|||||||
Reference in New Issue
Block a user