feat(ui): decrease episides timeline padding (#353)

Change episodes timeline event bottom padding Bump UI version
konturio · Jan 4, 2023 · e530ae4 · e530ae4
1 parent 184ea1c
commit e530ae4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,7 +81,7 @@
     "@deck.gl/mesh-layers": "^8.8.20",
     "@konturio/default-icons": "^2.2.0",
     "@konturio/default-theme": "3.2.0",
-    "@konturio/ui-kit": "^3.6.2",
+    "@konturio/ui-kit": "^3.7.0",
     "@loaders.gl/core": "^3.2.3",
     "@mdx-js/rollup": "^2.2.1",
     "@nebula.gl/edit-modes": "1.0.3",

diff --git a/src/features/event_episodes/components/EpisodesTimeline/EpisodesTimeline.tsx b/src/features/event_episodes/components/EpisodesTimeline/EpisodesTimeline.tsx
@@ -8,6 +8,8 @@ import type { Episode } from '~core/types';
 
 type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
 
+const timelineMargins = { axis: 2 };
+
 export function EpisodesTimeline({ episodes }: { episodes: Episode[] }) {
   const [selectedEpisode] = useAtom(eventEpisodesModel.currentEpisode);
   const [timelineState] = useAtom(eventEpisodesModel.episodesTimelineState);
@@ -65,6 +67,7 @@ export function EpisodesTimeline({ episodes }: { episodes: Episode[] }) {
         stack={timelineState.settings.stack}
         cluster={timelineState.settings.cluster}
         onSelect={onSelect}
+        margin={timelineMargins}
       />
     </div>
   );