Add CSS

Author: theletterf

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

@@ -48,6 +48,7 @@
 		line-height: 1.5em;
 	}
 
+
 	a {
 		@apply font-body text-blue-elastic hover:text-blue-elastic-100 underline;
 
@@ -57,3 +58,8 @@
 		}
 	}
 }
+
+#pages-nav a[target="_blank"]:after {
+	content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='grey' height='16'><path d='M6.22 8.72a.75.75 0 0 0 1.06 1.06l5.22-5.22v1.69a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0 0 1.5h1.69L6.22 8.72Z' /><path d='M3.5 6.75c0-.69.56-1.25 1.25-1.25H7A.75.75 0 0 0 7 4H4.75A2.75 2.75 0 0 0 2 6.75v4.5A2.75 2.75 0 0 0 4.75 14h4.5A2.75 2.75 0 0 0 12 11.25V9a.75.75 0 0 0-1.5 0v2.25c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25v-4.5Z' /></svg>");
+	margin-left: 0.5em;
+}

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

@@ -61,7 +61,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="block w-full markdown-content hidden peer-has-checked:block ml-4">
 					@if (shouldRenderChildren)
 					{
 						@await RenderPartialAsync(_TocTreeNav.Create(new NavigationTreeItem
@@ -100,7 +100,6 @@
 				class="sidebar-link grow group-[.current]/li:text-blue-elastic! flex items-center"
 			>
 				@ext.NavigationTitle
-				<svg class="ml-1 inline w-4 h-4 text-grey-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 3h7v7m0 0L10 21l-7-7 11-11z"/></svg>
 			</a>
 		</li>
 	}