Timeline loading with gap

unisoncomputing · Aug 14, 2024 · 09f8aab · 09f8aab
1 parent 6210275
commit 09f8aab
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/UnisonShare/ContributionTimeline.elm b/src/UnisonShare/ContributionTimeline.elm
@@ -523,7 +523,7 @@ view appContext projectRef model =
                 |> Placeholder.view
 
         viewLoading =
-            div [ class "loading-timeline" ]
+            div [ class "timeline-loading" ]
                 [ shape Placeholder.Large
                 , shape Placeholder.Small
                 , shape Placeholder.Medium

diff --git a/src/UnisonShare/Ticket/TicketTimeline.elm b/src/UnisonShare/Ticket/TicketTimeline.elm
@@ -518,7 +518,7 @@ view appContext projectRef model =
                 |> Placeholder.view
 
         viewLoading =
-            div [ class "loading-timeline" ]
+            div [ class "timeline-loading" ]
                 [ shape Placeholder.Large
                 , shape Placeholder.Small
                 , shape Placeholder.Medium

diff --git a/src/css/unison-share/timeline.css b/src/css/unison-share/timeline.css
@@ -5,6 +5,12 @@
   flex-direction: column;
   gap: 1.5rem;
 
+  & .timeline-loading {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
   & .timeline-event {
     display: flex;
     flex-direction: column;