From 9a3e35f7e114a3ca49c97e17ff0c4fedee5f9fcc Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Tue, 26 Mar 2024 20:45:41 +0100
Subject: [PATCH] fix board nav mobile for subs not in list, fix hr mobile
 style

---
 src/components/board-nav/board-nav.tsx |  7 +++++--
 src/index.css                          | 12 ++++++------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/board-nav/board-nav.tsx b/src/components/board-nav/board-nav.tsx
index fa2e989a..309ceb7e 100644
--- a/src/components/board-nav/board-nav.tsx
+++ b/src/components/board-nav/board-nav.tsx
@@ -37,10 +37,13 @@ const BoardNavDesktop = ({ subplebbits }: BoardNavProps) => {
 const BoardNavMobile = ({ subplebbits, currentSubplebbit }: BoardNavProps) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
-  const displaySubplebbit = currentSubplebbit && currentSubplebbit.length > 10 ? currentSubplebbit.slice(0, 10).concat('...') : currentSubplebbit;
+  const displaySubplebbitAddress = currentSubplebbit && currentSubplebbit.length > 30 ? currentSubplebbit.slice(0, 30).concat('...') : currentSubplebbit;
+
+  const currentSubplebbitIsInList = subplebbits.some((subplebbit: any) => subplebbit.address === currentSubplebbit);
 
   const boardSelect = (
-    <select value={displaySubplebbit} onChange={(e) => navigate(`/p/${e.target.value}`)}>
+    <select value={currentSubplebbit || 'all'} onChange={(e) => navigate(`/p/${e.target.value}`)}>
+      {!currentSubplebbitIsInList && currentSubplebbit && <option value={currentSubplebbit}>{displaySubplebbitAddress}</option>}
       <option value='all'>{t('all')}</option>
       <option value='subscriptions'>{t('subscriptions')}</option>
       {subplebbits.map((subplebbit: any, index: number) => {
diff --git a/src/index.css b/src/index.css
index 32cee036..a3b64747 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,6 +12,12 @@ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fiel
   padding: 0;
 }
 
+hr {
+  border: var(--hr-border, revert);
+  border-top: var(--hr-border-top, revert);
+  height: var(--hr-height, revert);
+}
+
 .greentext {
   color: var(--post-greentext-color);
 }
@@ -47,10 +53,4 @@ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fiel
     color: var(--button-desktop-text-color-hover);
     cursor: pointer;
   }
-
-  hr {
-    border: var(--hr-border, revert);
-    border-top: var(--hr-border-top, revert);
-    height: var(--hr-height, revert);
-  }
 }
\ No newline at end of file