simplify navigation if using tag groups

Author: Mpdreamz

src/Elastic.ApiExplorer/Landing/LandingNavigationItem.cs

@@ -52,7 +52,7 @@ public LandingNavigationItem(string url)
 	}
 
 	/// <inheritdoc />
-	public bool IsUsingNavigationDropdown => NavigationItems.OfType<ClassificationNavigationItem>().Any();
+	public bool IsUsingNavigationDropdown => false;
 }
 
 public interface IApiGroupingNavigationItem<out TGroupingModel, out TNavigationItem> : INodeNavigationItem<TGroupingModel, TNavigationItem>
@@ -106,7 +106,7 @@ public class ClassificationNavigationItem(ApiClassification classification, Land
 	public override string Id { get; } = ShortId.Create(classification.Name);
 
 	/// <inheritdoc />
-	public bool IsUsingNavigationDropdown => true;
+	public bool IsUsingNavigationDropdown => false;
 }
 
 public class TagNavigationItem(ApiTag tag, IRootNavigationItem<IApiGroupingModel, INavigationItem> rootNavigation, INodeNavigationItem<INavigationModel, INavigationItem> parent)

src/Elastic.ApiExplorer/Landing/LandingView.cshtml

@@ -82,7 +82,7 @@
 }
 <section id="elastic-docs-v3">
 	<h1>@Model.ApiInfo.Title</h1>
-	<p>@Model.ApiInfo.Description</p>
+	<p>@Model.RenderMarkdown(Model.ApiInfo.Description)</p>
 	<p>License: @Model.ApiInfo.License?.Name</p>
 	<div class="api-overview">
 		<table>

src/Elastic.Documentation.Site/Navigation/_TocTree.cshtml

@@ -6,44 +6,44 @@
 		var currentTopLevelItem = Model.TopLevelItems.FirstOrDefault(i => i.Id == Model.Tree.Id) ?? Model.Tree;
 	} 
 	@if (Model.IsUsingNavigationDropdown && currentTopLevelItem is { Index: not null })
-	{
-		<div class="sticky top-0 py-6 bg-white z-10 border-b-1 border-grey-20 pr-4">
-			<div tabindex="0" id="pages-dropdown" class="block group border-1 border-grey-20 rounded-sm font-sans relative">
-				<button class="w-full text-left grid grid-cols-[1fr_auto] cursor-pointer font-semibold gap-1 hover:text-black pl-4 pr-2 py-2 group-open:border-b-1 border-grey-20">
-					<div>
-						<a
-							class="pages-dropdown_active hover:underline text-blue-elastic hover:text-blue-elastic-100"
-							href="@currentTopLevelItem.Url"
-							@Htmx.GetNavHxAttributes(true)>
-							@currentTopLevelItem.NavigationTitle
-						</a>
-					</div>
-					<div class="flex items-center justify-center size-6 hover:bg-grey-20 rounded-sm">
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							fill="none"
-							viewBox="0 0 24 24"
-							stroke-width="1.5"
-							stroke="currentColor"
-							class="w-4 group-open:rotate-180">
-							<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
-						</svg>
-					</div>
-				</button>
+		{
+			<div class="sticky top-0 py-6 bg-white z-10 border-b-1 border-grey-20 pr-4">
+				<div tabindex="0" id="pages-dropdown" class="block group border-1 border-grey-20 rounded-sm font-sans relative">
+					<button class="w-full text-left grid grid-cols-[1fr_auto] cursor-pointer font-semibold gap-1 hover:text-black pl-4 pr-2 py-2 group-open:border-b-1 border-grey-20">
+						<div>
+							<a
+								class="pages-dropdown_active hover:underline text-blue-elastic hover:text-blue-elastic-100"
+								href="@currentTopLevelItem.Url"
+								@Htmx.GetNavHxAttributes(true)>
+								@currentTopLevelItem.NavigationTitle
+							</a>
+						</div>
+						<div class="flex items-center justify-center size-6 hover:bg-grey-20 rounded-sm">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke-width="1.5"
+								stroke="currentColor"
+								class="w-4 group-open:rotate-180">
+								<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
+							</svg>
+						</div>
+					</button>
 				<div class="hidden group-focus-within:block left-0 right-0 absolute top-full">
 					<ul class="mt-1 py-2 bg-white border-1 border-grey-20 rounded-sm shadow-md">
-						@foreach (var item in Model.TopLevelItems)
-						{
+			@foreach (var item in Model.TopLevelItems)
+			{
 							<li class="block">
 								<a
 									class="block py-2 px-4 hover:underline hover:text-black hover:bg-grey-10 active:bg-blue-elastic-70 active:text-white font-semibold @(item.NavigationRoot.Id == Model.Tree.Id ? "text-blue-elastic" : "")"
 									href="@item.Url"
 									@Htmx.GetNavHxAttributes(false, "mouseover")>
-									@item.NavigationTitle
-								</a>
-							</li>
-						}
-					</ul>
+						@item.NavigationTitle
+					</a>
+				</li>
+			}
+			</ul>
 				</div>
 			</div>
 		</div>
@@ -57,16 +57,16 @@
 			@Model.Title
 		</a>
 	}
-	
-	<ul class="block px-4">
-		@await RenderPartialAsync(_TocTreeNav.Create(new NavigationTreeItem
-		{
-			IsPrimaryNavEnabled = Model.IsPrimaryNavEnabled,
-			IsGlobalAssemblyBuild = Model.IsGlobalAssemblyBuild,
-			Level = 0,
-			SubTree = Model.Tree,
-			RootNavigationId = Model.Tree.Id,
-			MaxLevel = Model.MaxLevel
-		}))
-	</ul>
+
+		<ul class="block px-4">
+			@await RenderPartialAsync(_TocTreeNav.Create(new NavigationTreeItem
+			{
+				IsPrimaryNavEnabled = Model.IsPrimaryNavEnabled,
+				IsGlobalAssemblyBuild = Model.IsGlobalAssemblyBuild,
+				Level = 0,
+				SubTree = Model.Tree,
+				RootNavigationId = Model.Tree.Id,
+				MaxLevel = Model.MaxLevel
+			}))
+		</ul>
 </div>