fix(primevue): Breadcrumb component (#155)

* removing styling that is in local now * fix(primevue): fix primevue breadcrumb style * fix(primevue): fix primevue breadcrumb style --------- Co-authored-by: catherine meng <[email protected]>
bcgov · Feb 8, 2024 · 6a97017 · 6a97017
1 parent 06dd8f4
commit 6a97017
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -998,7 +998,7 @@ label {
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     .#{variables.$primevue-prefix}-menuitem
-    .#{variables.$primevue-prefix}-menuitem-link {
+    a {
     padding: 0.2rem;
     border-radius: 0;
     text-decoration: none;
@@ -1007,24 +1007,24 @@ label {
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     .#{variables.$primevue-prefix}-menuitem
-    .#{variables.$primevue-prefix}-menuitem-link:focus {
+    a:focus {
     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
-    .#{variables.$primevue-prefix}-menuitem-link {
+    a {
     box-shadow: none !important;
     pointer-events: none;
 }
 
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     .#{variables.$primevue-prefix}-menuitem
-    .#{variables.$primevue-prefix}-menuitem-link
-    .#{variables.$primevue-prefix}-menuitem-text:hover {
+    a
+    span:hover {
     color: map.get(lightTheme.$light-theme, 'link-primary-hover') !important;
 }
 
@@ -1039,14 +1039,14 @@ label {
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     li
-    .#{variables.$primevue-prefix}-menuitem-text {
+    span {
     color: map.get(lightTheme.$light-theme, 'link-primary') !important;
 }
 
 .#{variables.$primevue-prefix}-breadcrumb
     .#{variables.$primevue-prefix}-breadcrumb-list
     li:last-child
-    .#{variables.$primevue-prefix}-menuitem-text {
+    span {
     color: map.get(lightTheme.$light-theme, 'text-primary') !important;
 }