upgrade(chore) fix breadcrumb

dotCMS · Jun 28, 2024 · 4cea5f0 · 4cea5f0
1 parent 7a87b4c
commit 4cea5f0
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 39 deletions.
diff --git a/...bs/block-editor/src/lib/components/dot-block-editor/dot-block-editor.component.stories.ts b/...bs/block-editor/src/lib/components/dot-block-editor/dot-block-editor.component.stories.ts
@@ -10,7 +10,9 @@ import { OrderListModule } from 'primeng/orderlist';
 
 import { debounceTime, delay, tap } from 'rxjs/operators';
 
+import { BlockEditorModule, DotBlockEditorComponent } from '@dotcms/block-editor';
 import {
+    DotAiService,
     DotContentSearchService,
     DotMessageService,
     DotPropertiesService,
@@ -19,9 +21,7 @@ import {
 } from '@dotcms/data-access';
 import { DotSpinnerModule } from '@dotcms/ui';
 
-import { DotBlockEditorComponent } from './dot-block-editor.component';
-
-import { BlockEditorModule } from '../../block-editor.module';
+import { DotAiServiceMock } from '../../../../../data-access/src/lib/dot-ai/dot-ai-service.mock';
 import {
     AssetFormComponent,
     BubbleLinkFormComponent,
@@ -32,12 +32,10 @@ import { ContentletBlockComponent } from '../../nodes';
 import {
     ASSET_MOCK,
     CONTENTLETS_MOCK,
-    DotAiService,
     SuggestionsComponent,
     SuggestionsService
 } from '../../shared';
 import { DotMessageServiceMock } from '../../shared/mocks/dot-message.service.mock';
-import { DotAiServiceMock } from '../../shared/services/dot-ai/dot-ai-service.mock';
 
 export default {
     title: 'Library/Block Editor'

diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_breadcrumb.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/_breadcrumb.scss
@@ -1,37 +1,19 @@
 @use "variables" as *;
 
-.p-breadcrumb ul > .p-breadcrumb-chevron.pi {
-    color: $color-palette-gray-500;
-
-    &:not(:nth-child(2)) {
-        font-size: $font-size-xs;
-    }
-}
-
-.p-breadcrumb ul li:first-child {
-    font-size: $font-size-lg;
-}
-
-.p-breadcrumb ul li:nth-child(2)::before {
-    content: "";
-    width: 1px;
-    height: 20px;
-    background: $color-palette-gray-500;
-    display: block;
+.p-breadcrumb {
+    border: 0 none;
+    padding: $spacing-3 0;
 }
 
-.p-breadcrumb ul li .p-menuitem-link {
-    transition: none;
-    border-radius: $border-radius-xs;
+.p-breadcrumb .p-breadcrumb-list li:first-child .p-menuitem-link .p-menuitem-text {
+    color: $black;
 }
 
-.p-breadcrumb ul li .p-menuitem-link:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: none;
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+    color: $color-palette-gray-700;
 }
 
-.p-breadcrumb ul li .p-menuitem-link[href] .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link[href] .p-menuitem-text {
     font-size: $font-size-lg;
 
     &:hover {
@@ -40,19 +22,15 @@
     }
 }
 
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
-    color: $color-palette-gray-700;
-}
-
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
     color: $black;
 }
 
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
     margin: 0 $spacing-1 0 $spacing-1;
     color: $black;
 }
 
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
-    color: $black;
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+    color: $color-palette-gray-700;
 }