profile stat secion loader ui fix

sunbird-cb · Aug 1, 2024 · 3b66c84 · 3b66c84
1 parent 0f791f0
commit 3b66c84
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/...ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.html b/...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/...ws-widget/collection/src/lib/_common/profile-card-stats/profile-card-stats.component.scss b/...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);