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

---
 ocean-dark.css | 37 ++++++++++++++++++-------------------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/ocean-dark.css b/ocean-dark.css
index b6fec11..95ec8e9 100644
--- a/ocean-dark.css
+++ b/ocean-dark.css
@@ -1116,29 +1116,28 @@ code.hljs {
  color: var(--carolina-blue) !important;
 }
 
-/***Breadcrumbs***/
 /***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;
+    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;
+    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;
+    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;
 }