fix formatting issues introduced by elastic#3009

colleenmcginnis · Jun 20, 2024 · 2f3dea9 · 2f3dea9
1 parent 9b46c10
commit 2f3dea9
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/extra/docs_landing.html b/extra/docs_landing.html
@@ -79,6 +79,10 @@
     text-align: center;
   }
 
+  .docs-landing div:has(> h1) {
+    display: block;
+  }
+
   .docs-landing #guide h1 {
     font-size: 48px;
     font-weight: 500;
@@ -96,6 +100,7 @@
     text-align: left;
     margin: 12px 0;
     padding: 0;
+    text-align: center;
   }
 
   .docs-landing #guide p {

diff --git a/resources/web/docs_js/index-v2.js b/resources/web/docs_js/index-v2.js
@@ -505,6 +505,7 @@ $(function() {
       $('#doc-article').css('flex-direction', 'column');
       $('#main-content').css('width', '100%');
       $('#on-this-page-container').hide();
+      $('#breadcrumbs-go-here').replaceWith('<div class="breadcrumb-container"><div class="breadcrumbs"></div><div id="version-selectors-mid"></div></div>')
 
       // Reposition version selector
       const version_selectors = $('div#version-selectors');

diff --git a/resources/web/style/chrome/navigation.pcss b/resources/web/style/chrome/navigation.pcss
@@ -29,7 +29,8 @@ select {
 }
 
 /** Left side nav **/
-#sidebar, .book > #content-body {
+#sidebar,
+.book > #content:has(.toc) {
   .toc {
     padding-bottom: 16px;
     #book_title {
@@ -96,6 +97,8 @@ select {
       padding-left: 12px;
       font-size: 0.9285rem;
       border-left: 1px solid #D3DAE6;
+      position: relative;
+      padding-right: 12px;
       @media screen and (max-width: 766px) {
         font-size: 1.125rem;
         line-height: 3rem;
@@ -192,3 +195,9 @@ select {
     }
   }
 }
+
+.book > #content:has(.toc) {
+  .toc > #book_title {
+    display: none;
+  }
+}