From 09f8aabf2397bef8ea697cfafa1d16560fe7fd64 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Simon=20H=C3=B8jberg?= Date: Wed, 14 Aug 2024 10:38:34 -0400 Subject: [PATCH] Timeline loading with gap --- src/UnisonShare/ContributionTimeline.elm | 2 +- src/UnisonShare/Ticket/TicketTimeline.elm | 2 +- src/css/unison-share/timeline.css | 6 ++++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/UnisonShare/ContributionTimeline.elm b/src/UnisonShare/ContributionTimeline.elm index 9dc27d4b..bd1d2646 100644 --- 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 index 93980b3a..9cfa7519 100644 --- 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 index 264cec8e..82c80ed4 100644 --- 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;