From 1fa92c4fe1a2c3241015ae36fedf1c8de6ece371 Mon Sep 17 00:00:00 2001
From: viktorstrate <viktorstrate@gmail.com>
Date: Wed, 7 Jul 2021 16:20:57 +0200
Subject: [PATCH] Fix layout jumping when loading timeline

---
 ui/src/components/photoGallery/MediaThumbnail.tsx        | 3 ++-
 ui/src/components/timelineGallery/TimelineGroupAlbum.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/photoGallery/MediaThumbnail.tsx b/ui/src/components/photoGallery/MediaThumbnail.tsx
index 94df12b9..8827d528 100644
--- a/ui/src/components/photoGallery/MediaThumbnail.tsx
+++ b/ui/src/components/photoGallery/MediaThumbnail.tsx
@@ -204,7 +204,8 @@ export const MediaThumbnail = ({
     >
       <div
         style={{
-          minWidth: `min(${minWidth}px, 100%)`,
+          // minWidth: `min(${minWidth}px, 100%)`,
+          minWidth: `${minWidth}px`,
           height: `200px`,
         }}
       >
diff --git a/ui/src/components/timelineGallery/TimelineGroupAlbum.tsx b/ui/src/components/timelineGallery/TimelineGroupAlbum.tsx
index f8039fee..c0108b1f 100644
--- a/ui/src/components/timelineGallery/TimelineGroupAlbum.tsx
+++ b/ui/src/components/timelineGallery/TimelineGroupAlbum.tsx
@@ -103,7 +103,7 @@ const TimelineGroupAlbum = ({
       <Link to={`/album/${album.id}`} className="hover:underline">
         {album.title}
       </Link>
-      <div className="flex flex-wrap items-center min-h-[210px] relative -mx-1 pr-4">
+      <div className="flex flex-wrap items-center h-[210px] relative -mx-1 pr-4 overflow-hidden">
         {mediaElms}
         {itemsBubble}
       </div>