From 865f97c6c1a63ef1f3306defeb818f29fa9169d4 Mon Sep 17 00:00:00 2001 From: Sebastian-Ion TINCU <Sebastian-Ion.TINCU@ext.ec.europa.eu> Date: Fri, 13 Sep 2024 12:07:01 +0200 Subject: [PATCH] EDELIVERY-11590 SMP UI Improvements Breadcrumb Fix disabling the breadcrumbs when it contains 4 items. Fix displaying the disabled items in the breadcrumbs when using themes other than the default one. --- .../breadcrumb/breadcrumb-item/breadcrumb-item.component.scss | 4 ++++ .../src/app/window/sidenav/navigation-model.service.ts | 3 ++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.scss b/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.scss index ba4af7ce2..cfdb04fb7 100644 --- a/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.scss +++ b/smp-angular/src/app/window/breadcrumb/breadcrumb-item/breadcrumb-item.component.scss @@ -8,6 +8,10 @@ padding: 0 .4em; } +.smp-breadcrumb-item.smp-disabled * { + background-color: gray !important; +} + .smp-breadcrumb-content { z-index: 1; // user parent diff --git a/smp-angular/src/app/window/sidenav/navigation-model.service.ts b/smp-angular/src/app/window/sidenav/navigation-model.service.ts index fbb961e41..12738b08c 100644 --- a/smp-angular/src/app/window/sidenav/navigation-model.service.ts +++ b/smp-angular/src/app/window/sidenav/navigation-model.service.ts @@ -146,7 +146,8 @@ export class NavigationService extends MatTreeNestedDataSource<NavigationNode> { // mark the parent of the first leaf in a menu as non-clickable let parent = this.findParent(selectedPath[leafIndex]); - if (parent && parent.children && parent.children[0] == selectedPath[leafIndex]) { + let grandParent = this.findParent(parent); + if (parent && parent.children && parent.children[0] == selectedPath[leafIndex] && grandParent == this.rootNode) { parent.clickable = false; } -- GitLab