From 22fab3b5244adfccda909cacee44959cdf9198bd Mon Sep 17 00:00:00 2001
From: Ignat Beresnev <ignat.beresnev@jetbrains.com>
Date: Wed, 22 Dec 2021 15:40:01 +0300
Subject: [PATCH] Add vertical margin to breadcrumbs delimiter (KT-50296)

---
 plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt | 4 +++-
 plugins/base/src/main/resources/dokka/styles/style.css      | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt b/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt
index c3b157380f..00f962c519 100644
--- a/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt
+++ b/plugins/base/src/main/kotlin/renderers/html/HtmlRenderer.kt
@@ -605,7 +605,9 @@ open class HtmlRenderer(
             if (path.size > 1) {
                 buildNavigationElement(path.first(), page)
                 path.drop(1).forEach { node ->
-                    text("/")
+                    span(classes = "delimiter") {
+                        text("/")
+                    }
                     buildNavigationElement(node, page)
                 }
             }
diff --git a/plugins/base/src/main/resources/dokka/styles/style.css b/plugins/base/src/main/resources/dokka/styles/style.css
index 4954215f3f..db55b44b4e 100644
--- a/plugins/base/src/main/resources/dokka/styles/style.css
+++ b/plugins/base/src/main/resources/dokka/styles/style.css
@@ -146,6 +146,10 @@ html ::-webkit-scrollbar-thumb {
     overflow-wrap: break-word;
 }
 
+.breadcrumbs .delimiter {
+    margin: auto 2px;
+}
+
 .tabs-section > .section-tab:first-child,
 .platform-hinted > .platform-bookmarks-row > .platform-bookmark:first-child {
     margin-left: 0;