From 3f22f670f8426756259d77c2ae570c7709e7dd3a Mon Sep 17 00:00:00 2001
From: lolabird <89228316+Lolabird@users.noreply.github.com>
Date: Sun, 12 Jan 2025 10:59:08 -0700
Subject: [PATCH] Fix overflow issues on breadcrumb addon and add more styles

---
 ocean-dark.css | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/ocean-dark.css b/ocean-dark.css
index 6dcab07..b6fec11 100644
--- a/ocean-dark.css
+++ b/ocean-dark.css
@@ -1117,11 +1117,28 @@ code.hljs {
 }
 
 /***Breadcrumbs***/
-#breadcrumbs a {
-    display: inline-flex;
-    line-height: 1;
-    padding: 5px 10px;
-    background-color: rgba(137, 180, 250, 0.1) !important;
-    border-radius: 12px;
-    transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
+/***Breadcrumbs***/
+#breadcrumbs-bar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border-top: 1px solid var(--main-border-color);
+  border-bottom: 1px solid var(--main-border-color);
+  contain: none;
+  overflow: auto;
+}
+#breadcrumbs span a {
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inherit;
+}
+#breadcrumbs a {
+  display: inline-flex;
+  line-height: 1;
+  padding: 5px 10px;
+  background-color: rgba(137, 180, 250, 0.1) !important;
+  border-radius: 12px;
+  transition: transform 200ms ease, background-color 200ms ease, filter 200ms ease;
 }