Merge branch 'main' into feature/lambda_obs

Author: cotti

.github/workflows/required-labels.yml

@@ -19,6 +19,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v5
+      - name: Wait for PR to be ready (if just opened)
+        if: github.event_name == 'pull_request_target' && github.event.action == 'opened'
+        run: sleep 30
       - id: get-labels
         run: |
           labels=$(yq '[.categories[].labels] + .exclude-labels | flatten | unique | sort | @tsv' .github/release-drafter.yml | tr '\t' ',')

src/Elastic.Documentation.Site/Assets/markdown/hr.css

@@ -0,0 +1,7 @@
+@layer components {
+	.markdown-content {
+		hr {
+			@apply bg-grey-20 mt-9 mb-8 h-[1px] border-0;
+		}
+	}
+}

src/Elastic.Documentation.Site/Assets/styles.css

@@ -18,6 +18,7 @@
 @import './markdown/definition-list.css';
 @import './markdown/images.css';
 @import './markdown/image-carousel.css';
+@import './markdown/hr.css';
 @import './modal.css';
 @import './archive.css';
 @import './markdown/stepper.css';

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

@@ -25,12 +25,12 @@
 	{
 		var g = folder;
 		var allHidden = folder.NavigationItems.All(n => n.Hidden);
-		<li class="flex flex-wrap group-navigation @(isTopLevel ? "mt-6" : "mt-4")">
+		<li class="flex flex-wrap group-navigation @(isTopLevel ? "mt-6" : "mt-4") relative">
 			<div class="peer grid grid-cols-[1fr_auto] w-full">
 				<a
 					href="@(g.Url)"
 					@Htmx.GetNavHxAttributes(Model.IsPrimaryNavEnabled && g.NavigationRoot.Id == Model.RootNavigationId || true)
-					class="sidebar-link pr-2 content-center @(isTopLevel ? "font-semibold" : "")">
+					class="sidebar-link pr-2 content-center @(isTopLevel ? "font-semibold" : "") group-[.current]/li:text-blue-elastic!">
 					@(g.NavigationTitle)
 				</a>
 				@if (!allHidden)
@@ -60,7 +60,7 @@
 				// Only render children if we're within the allowed level depth
 				// MaxLevel of -1 means render all levels
 				bool shouldRenderChildren = Model.MaxLevel == -1 || Model.Level < (Model.MaxLevel);
-				<ul class="w-full hidden peer-has-checked:block ml-4">
+				<ul class="w-full hidden peer-has-checked:block ml-4 relative before:content-[''] before:absolute before:-left-[calc(var(--spacing)*4-1px)] before:top-0 before:bottom-0 before:w-px before:bg-grey-20 before:peer-has-checked:block peer-has-[.current]:before:bg-grey-40 has-[.current]:before:bg-grey-40">
 					@if (shouldRenderChildren)
 					{
 						@await RenderPartialAsync(_TocTreeNav.Create(new NavigationTreeItem