fix: guest search on mobile

NodeBB · Oct 7, 2023 · 1e5c994 · 1e5c994
1 parent 98d5ba4
commit 1e5c994
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/scss/sidebar.scss b/scss/sidebar.scss
@@ -164,7 +164,7 @@
 		}
 		left: 0!important;
 		right: 0!important;
-		bottom: $spacer!important;
+		bottom: $spacer*0.5!important;
 		box-shadow: none!important;
 		max-height: 60vh!important;
 		overflow: auto!important;
@@ -176,7 +176,6 @@
 	.search-dropdown, .chats-dropdown, .notifications-dropdown, .drafts-dropdown {
 		left: 0 !important;
 		right: 0 !important;
-		bottom: $spacer * 0.7 !important;
 		box-shadow: none!important;
 
 		border-left: 0;

diff --git a/templates/partials/mobile-footer.tpl b/templates/partials/mobile-footer.tpl
@@ -66,13 +66,31 @@
 					<!-- IMPORT partials/sidebar/drafts.tpl -->
 					</li>
 
-					<li id="user_label" class="nav-item m-0 py-2 usermenu">
+					<li id="user_label" class="nav-item m-0 usermenu">
 					<!-- IMPORT partials/sidebar/user-menu.tpl -->
 					</li>
 				</ul>
 				{{{ else }}}
 				<ul id="logged-out-menu" class="list-unstyled d-flex w-100 gap-3 mb-0 logged-out-menu">
-					<!-- IMPORT partials/sidebar/logged-out-menu.tpl -->
+					{{{ if (config.searchEnabled && user.privileges.search:content) }}}
+					<li component="sidebar/search" class="nav-item mx-2 search">
+						<!-- IMPORT partials/sidebar/search-mobile.tpl -->
+					</li>
+					{{{ end }}}
+
+					{{{ if allowRegistration }}}
+					<li class="nav-item mx-2" title="[[global:register]]">
+						<a class="nav-link nav-btn" href="{relative_path}/register">
+							<i class="fa fa-fw fa-user-plus"></i>
+						</a>
+					</li>
+					{{{ end }}}
+
+					<li class="nav-item mx-2" title="[[global:login]]">
+						<a class="nav-link nav-btn" href="{relative_path}/login">
+							<i class="fa fa-fw fa-sign-in"></i>
+						</a>
+					</li>
 				</ul>
 				{{{ end }}}
 			</div>