From b9636f4438295bb20538886f13c6eef766ab6849 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 26 Mar 2023 16:22:17 +0200
Subject: [PATCH] Always show label while loading

---
 libs/ui/src/lib/value/value.component.html | 25 +++++++++++-----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 790d99a4e..35be5b808 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -48,17 +48,6 @@
         </div>
       </ng-container>
     </div>
-    <ng-container>
-      <div *ngIf="size === 'large'">
-        <span class="h6"
-          ><ng-container *ngTemplateOutlet="label"></ng-container
-        ></span>
-        <span *ngIf="subLabel" class="text-muted"> {{ subLabel }}</span>
-      </div>
-      <small *ngIf="size !== 'large'">
-        <ng-container *ngTemplateOutlet="label"></ng-container>
-      </small>
-    </ng-container>
   </ng-container>
 
   <ngx-skeleton-loader
@@ -66,8 +55,20 @@
     animation="pulse"
     [theme]="{
       height:
-        size === 'large' ? '2.5rem' : size === 'medium' ? '2rem' : '1.5rem',
+        size === 'large' ? '2rem' : size === 'medium' ? '1.8rem' : '1.5rem',
       width: '5rem'
     }"
   ></ngx-skeleton-loader>
+
+  <ng-container>
+    <div *ngIf="size === 'large'">
+      <span class="h6"
+        ><ng-container *ngTemplateOutlet="label"></ng-container
+      ></span>
+      <span *ngIf="subLabel" class="text-muted"> {{ subLabel }}</span>
+    </div>
+    <small *ngIf="size !== 'large'">
+      <ng-container *ngTemplateOutlet="label"></ng-container>
+    </small>
+  </ng-container>
 </div>