From e22bc905324d9d2c778d882d4842845143250f7a Mon Sep 17 00:00:00 2001
From: bkis <kiss@mailbox.org>
Date: Thu, 14 Nov 2024 11:41:29 +0100
Subject: [PATCH] Only show spinner in content container if there is content
 inside

Closes #504
---
 Tekst-Web/src/components/browse/ContentContainer.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/Tekst-Web/src/components/browse/ContentContainer.vue b/Tekst-Web/src/components/browse/ContentContainer.vue
index 9f083e1e..8e7f5e13 100644
--- a/Tekst-Web/src/components/browse/ContentContainer.vue
+++ b/Tekst-Web/src/components/browse/ContentContainer.vue
@@ -53,7 +53,7 @@ const contentContainerTitle = computed(() =>
 const headerWidgetsOpacity = computed<number>(() =>
   isContentContainerHovered.value || state.isTouchDevice ? 1 : browse.reducedView ? 0 : 0.2
 );
-const hasContent = computed(() => props.resource.contents?.length);
+const hasContent = computed(() => !!props.resource.contents?.length);
 const show = computed(() => props.resource.active && (hasContent.value || !browse.reducedView));
 const fromChildLevel = computed(
   () => props.resource.level - 1 === browse.level && props.resource.config.common.showOnParentLevel
@@ -87,6 +87,7 @@ const fromChildLevel = computed(
         </div>
         <div class="content-header-title-extra">
           {{ headerExtraText }}
+          <span v-if="loading && !hasContent" class="ml-lg">{{ $t('general.loading') }}</span>
         </div>
       </div>
       <content-header-widget-bar
@@ -96,7 +97,7 @@ const fromChildLevel = computed(
       />
     </div>
 
-    <n-spin :show="loading" size="small">
+    <n-spin :show="loading && hasContent" size="small">
       <div
         v-if="hasContent"
         class="content"