[#7242] Allow collapsing archive sidebar

Co-authored-by: lukas <[email protected]>

Author: scottnonnenberg-signal

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;

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);