From f97124fd9cb8a40af3891178f1a89c46ccc40518 Mon Sep 17 00:00:00 2001
From: John Mastodon <mastodon@eattherich.club>
Date: Tue, 7 May 2024 07:50:12 +0200
Subject: [PATCH] copy nav fix from application theme

---
 app/javascript/styles/etr.scss | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/app/javascript/styles/etr.scss b/app/javascript/styles/etr.scss
index 647769f96..2014fd684 100644
--- a/app/javascript/styles/etr.scss
+++ b/app/javascript/styles/etr.scss
@@ -24,3 +24,31 @@
 @import 'mastodon/rtl';
 @import 'mastodon/accessibility';
 @import 'mastodon/rich_text';
+
+// The following "fixes" the mobile layout
+// in conjunction with the edits in `features/ui/components/header.jsx`
+// NOTE: $no-gap-breakpoint is when the UI becomes 3 columns
+.navigation-panel__logo,
+.ui__header__logo {
+  display: none;
+}
+@media screen and (max-width: $no-gap-breakpoint) {
+  .columns-area__panels__pane--navigational,
+  .navigation-panel__sign-in-banner,
+  .navigation-panel__legal > hr,
+  .column-link > span {
+    display: none;
+  }
+
+  .navigation-panel {
+    flex-direction: row;
+  }
+
+  .ui__header__links {
+    flex-shrink: unset;
+  }
+
+  .ui__header {
+    justify-content: center;
+  }
+}