From f166db97ac20f76f10d0734fc685e908345ba352 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Wed, 2 Apr 2025 17:54:45 +1000
Subject: [PATCH] [signalapp/Signal-Desktop#7242] Allow collapsing archive
 sidebar

Co-authored-by: lukas <lukas.walter@aceart.de>
---
 stylesheets/_modules.scss                        | 16 ++++++++++++++++
 ts/components/leftPane/LeftPaneArchiveHelper.tsx |  5 +++++
 2 files changed, 21 insertions(+)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index abb19644b0..2010c216c6 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -5767,6 +5767,10 @@ button.module-calling-participants-list__contact {
           }
         }
       }
+
+      .NavSidebar--narrow & {
+        margin-inline-start: 0;
+      }
     }
 
     &__text {
@@ -5781,6 +5785,14 @@ button.module-calling-participants-list__contact {
       @include mixins.dark-theme {
         color: variables.$color-gray-05;
       }
+
+      .NavSidebar--narrow & {
+        @include mixins.sr-only;
+      }
+    }
+
+    .NavSidebar--narrow & {
+      justify-content: center;
     }
   }
 
@@ -5861,6 +5873,10 @@ button.module-calling-participants-list__contact {
     color: variables.$color-gray-25;
     background-color: variables.$color-gray-75;
   }
+
+  .NavSidebar--narrow & {
+    display: none;
+  }
 }
 .module-left-pane__no-search-results__unread-header {
   margin-bottom: 50px;
diff --git a/ts/components/leftPane/LeftPaneArchiveHelper.tsx b/ts/components/leftPane/LeftPaneArchiveHelper.tsx
index c414da8199..32f91458b8 100644
--- a/ts/components/leftPane/LeftPaneArchiveHelper.tsx
+++ b/ts/components/leftPane/LeftPaneArchiveHelper.tsx
@@ -207,6 +207,11 @@ export class LeftPaneArchiveHelper extends LeftPaneHelper<LeftPaneArchivePropsTy
     );
   }
 
+  override requiresFullWidth(): boolean {
+    const hasNoConversations = !this.#archivedConversations.length;
+    return hasNoConversations;
+  }
+
   shouldRecomputeRowHeights(old: Readonly<LeftPaneArchivePropsType>): boolean {
     const hasSearchingChanged =
       'conversationResults' in old !== Boolean(this.#searchHelper);