From 3b66c8433096e06d203db02368380dd87666e482 Mon Sep 17 00:00:00 2001
From: nitinraj-tarento <nitin.raj@tarento.com>
Date: Thu, 1 Aug 2024 19:00:38 +0530
Subject: [PATCH] profile stat secion loader ui fix

---
 .../profile-card-stats/profile-card-stats.component.html     | 2 +-
 .../profile-card-stats/profile-card-stats.component.scss     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.html b/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.html
index 19d2c1f05b..53a133e732 100644
--- a/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.html
+++ b/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.html
@@ -117,7 +117,7 @@
   </div>
 </div>
 
-<div class="profile-wrapper" *ngIf="isLoading">
+<div class="profile-wrapper profile-loading-wrapper" *ngIf="isLoading">
   <div class="profile-user-details flex flex-middle padding-12">
       <div class="progress-bar">
         <span class="skeleton-box" style="width:64px;height:64px;border-radius: 50%"></span>
diff --git a/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.scss b/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.scss
index 7bbb5a822b..b47277ee34 100644
--- a/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.scss
+++ b/library/ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.scss
@@ -104,6 +104,11 @@
     }
 
 }
+.profile-loading-wrapper {
+  background-color:  #fff;
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 12px 12px;
+}
 .stats-container {
     border-radius: 12px;
     border: 1px solid rgba(0,0,0, 0.08);