earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): hide scroll loading indicator when no more content to load

Browse Source
This commit is contained in:
Zichao Lin
2026-07-07 13:45:25 +08:00
parent ad6f2b2ff2
commit fed060ea84
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/index.html
View File

@@ -45,8 +45,10 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% if has_more %}
<div id="scroll-sentinel" style="height:1px"></div> <div id="scroll-sentinel" style="height:1px"></div>
<div id="scroll-loading" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div> <div id="scroll-loading" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div>
{% endif %}
{% else %} {% else %}
<div class="empty-state"> <div class="empty-state">
<p>{{ 'index.empty'|t(lang) }}</p> <p>{{ 'index.empty'|t(lang) }}</p>

4
app/templates/showcase.html
View File

@@ -86,8 +86,10 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% if sent_visible|length > 19 %}
<div id="scroll-sentinel-sent" style="height:1px"></div> <div id="scroll-sentinel-sent" style="height:1px"></div>
<div id="scroll-loading-sent" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div> <div id="scroll-loading-sent" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div>
{% endif %}
</div> </div>
<div id="tab-received" class="tab-panel" style="display:none"> <div id="tab-received" class="tab-panel" style="display:none">
@@ -135,8 +137,10 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% if received_visible|length > 19 %}
<div id="scroll-sentinel-received" style="height:1px"></div> <div id="scroll-sentinel-received" style="height:1px"></div>
<div id="scroll-loading-received" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div> <div id="scroll-loading-received" style="text-align:center;padding:1rem;color:var(--text-muted);display:none">⏳</div>
{% endif %}
</div> </div>
{% endif %} {% endif %}