From b0d33408019abbb493cb8a60ec9a3e1c7b26337d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikul=C3=A1=C5=A1=20Hobl=C3=ADk?= <mikuhoblik@gmail.com>
Date: Thu, 31 Oct 2024 17:45:02 +0100
Subject: [PATCH] Search in Navbar

---
 .../Shared/Components/OnThisPageNavigation.razor.css       | 7 ++++---
 .../Shared/Components/Search/Search.razor                  | 4 ++--
 Havit.Blazor.Documentation/Shared/Navbar.razor             | 6 ++++--
 Havit.Blazor.Documentation/Shared/Sidebar.razor            | 2 --
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css b/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css
index 5286b279..cb279be4 100644
--- a/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css
+++ b/Havit.Blazor.Documentation/Shared/Components/OnThisPageNavigation.razor.css
@@ -1,5 +1,6 @@
 .on-this-page-navigation {
     height: fit-content;
+	top: 3rem;
 }
 
 ul {
@@ -16,9 +17,9 @@ ul,
 	list-style-type: none;
 }
 
-	ul li, ::deep ul li {
-		margin-bottom: .25rem;
-	}
+ul li, ::deep ul li {
+	margin-bottom: .25rem;
+}
 
 ::deep a {
     text-decoration: none;
diff --git a/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor b/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor
index 3f2498ed..7ffa1449 100644
--- a/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor
+++ b/Havit.Blazor.Documentation/Shared/Components/Search/Search.razor
@@ -6,8 +6,8 @@
                 TValue="SearchItem"
                 @bind-Value="@SelectedResult"
                 MinimumLength="1"
-                Delay="1"               
-                CssClass="sidebar-search mb-3 pt-1"
+                Delay="1"
+                CssClass="sidebar-search pt-1"
                 DataProvider="ProvideSuggestions"
                 @ref="_autosuggest">
     <ItemTemplate Context="searchItem"><span class="small">@searchItem.Title</span></ItemTemplate>
diff --git a/Havit.Blazor.Documentation/Shared/Navbar.razor b/Havit.Blazor.Documentation/Shared/Navbar.razor
index 5d62485a..eb9bbf43 100644
--- a/Havit.Blazor.Documentation/Shared/Navbar.razor
+++ b/Havit.Blazor.Documentation/Shared/Navbar.razor
@@ -1,4 +1,4 @@
-<div class="@CssClassHelper.Combine(CssClass, "nav-container mx-auto sticky-top bg-body")">
+<div class="@CssClassHelper.Combine(CssClass, "nav-container mx-auto sticky-top bg-body")" style="z-index: 1030;">
 	<HxNavbar ContainerCssClass="container-fluid">
 		<HxNavbarBrand CssClass="py-0">
 			<img src="./logo.png" width="32" alt="HAVIT Blazor">
@@ -25,7 +25,9 @@
 					Premium
 				</HxNavLink>
 			</HxNav>
-			<div class="d-flex gap-3 align-items-center">
+            <div class="d-flex gap-3 align-items-center justify-content-center">
+                <Search />
+
 				<a href="https://github.com/havit/Havit.Blazor" class="text-body" target="_blank">
 					<HxIcon Icon="BootstrapIcon.Github" />
 				</a>
diff --git a/Havit.Blazor.Documentation/Shared/Sidebar.razor b/Havit.Blazor.Documentation/Shared/Sidebar.razor
index 2ccecac5..36521e13 100644
--- a/Havit.Blazor.Documentation/Shared/Sidebar.razor
+++ b/Havit.Blazor.Documentation/Shared/Sidebar.razor
@@ -13,8 +13,6 @@
         </div>
     </HeaderTemplate>
     <ItemsTemplate>
-        <Search />
-
 		<HxSidebarItem Text="Getting started" Href="/getting-started" Match="NavLinkMatch.All" Icon="BootstrapIcon.RocketTakeoff" TooltipText="Getting started" />
 		<HxSidebarItem Href="https://blocks.havit.blazor.eu" Match="NavLinkMatch.All" CssClass="w-100" Icon="BootstrapIcon.Boxes" TooltipText="Blocks" >
             <ContentTemplate>