From e5ac8ef86a93b49eddb7a09b73c34517d4311f01 Mon Sep 17 00:00:00 2001
From: catherine meng <mcatherine1994@gmail.com>
Date: Wed, 7 Feb 2024 16:14:32 -0800
Subject: [PATCH] fix(primevue): fix primevue breadcrumb style

---
 .../primevue-components-overrides.scss        | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
index fd61dcc..a09a81a 100644
--- a/style-sheets/primevue-components-overrides.scss
+++ b/style-sheets/primevue-components-overrides.scss
@@ -995,6 +995,39 @@ label {
     align-items: center;
 }
 
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    .#{variables.$primevue-prefix}-menuitem
+    a {
+    padding: 0.2rem;
+    border-radius: 0;
+    text-decoration: none;
+}
+
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    .#{variables.$primevue-prefix}-menuitem
+    a {
+    box-shadow: inset 0 0px 0px 0.063rem
+        map.get(lightTheme.$light-theme, 'focus') !important;
+}
+
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    .#{variables.$primevue-prefix}-menuitem:last-child
+    a {
+    box-shadow: none !important;
+    pointer-events: none;
+}
+
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    .#{variables.$primevue-prefix}-menuitem
+    a
+    span:hover {
+    color: map.get(lightTheme.$light-theme, 'link-primary-hover') !important;
+}
+
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     .#{variables.$primevue-prefix}-menuitem:not(:last-child)::after {
@@ -1003,6 +1036,19 @@ label {
     margin: 0 0.5rem;
 }
 
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    li
+    span {
+    color: map.get(lightTheme.$light-theme, 'link-primary') !important;
+}
+
+.#{variables.$primevue-prefix}-breadcrumb
+    .#{variables.$primevue-prefix}-breadcrumb-list
+    li:last-child
+    span {
+    color: map.get(lightTheme.$light-theme, 'text-primary') !important;
+}
 
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list