From 2bac7e3e30c3a2d3581347045284d1fd9b28003a Mon Sep 17 00:00:00 2001
From: Jona <8698248+jonamil@users.noreply.github.com>
Date: Fri, 19 Jul 2024 21:42:06 +0200
Subject: [PATCH] Add unified primary column transitions

---
 src/components/ThePrimaryColumn.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/ThePrimaryColumn.vue b/src/components/ThePrimaryColumn.vue
index 0c06dee..8891249 100644
--- a/src/components/ThePrimaryColumn.vue
+++ b/src/components/ThePrimaryColumn.vue
@@ -47,10 +47,19 @@
       <TheLinkColumnBody v-if="showLinkColumn" />
       <TheCommentsColumnBody v-else />
     </template>
-    <template v-else>
-      <TheLinkColumnBody v-show="showLinkColumn" />
-      <TheCommentsColumnBody v-show="!showLinkColumn" />
-    </template>
+    <div
+      v-else
+      class="relative flex flex-1 overflow-hidden bg-blank-color"
+    >
+      <TheLinkColumnBody
+        class="transition-transform duration-300"
+        :class="[!showLinkColumn ? '-translate-x-full' : '']"
+      />
+      <TheCommentsColumnBody
+        class="absolute inset-0 transition-transform duration-300"
+        :class="[showLinkColumn ? 'translate-x-full' : '']"
+      />
+    </div>
 
     <PageColumnControls
       v-if="view.availableColumns <= 2 && content.currentPostItemHasLinkAndComments"