Prevent note list bounce by reserving fixed height for loading more banner

This commit is contained in:
chrisf committed 2026-10-24 22:11:42 -06:00
1 parent e74d1ad57b
commit 3bd9eacbe3
1 file changed
+8 -4
+8 -4
View File
@@ -2347,12 +2347,16 @@ export default function EvercloneWorkspace() {
</div>
</div>
{/* Loading indicator for next page */}
{loadingMore && (
<div className="py-1 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium animate-pulse rounded">
{/* Reserved slot for loading indicator to prevent layout bounce when loading more notes */}
<div className="h-5 flex items-center justify-center">
<div
className={`w-full py-0.5 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium rounded transition-opacity duration-150 ${
loadingMore ? 'opacity-100 animate-pulse' : 'opacity-0 pointer-events-none'
}`}
>
Loading more notes…
</div>
)}
</div>
{/* Collapsible Filter Panel */}
{showFilterPanel && (