From deea9c13d9ac2c297588607d62da398b86354952 Mon Sep 17 00:00:00 2001 From: Michal Nowikowski Date: Thu, 27 Jul 2023 08:26:11 +0200 Subject: [PATCH] fixed top menu colors after upgrade --- ui/src/app/app.component.sass | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/ui/src/app/app.component.sass b/ui/src/app/app.component.sass index dc71d88e..1b3e0d35 100644 --- a/ui/src/app/app.component.sass +++ b/ui/src/app/app.component.sass @@ -28,26 +28,44 @@ border-width: 0px // make top level menu white -:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon color: white -:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text color: white -:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon color: white // change bg color of top menu item when hovered from light to blue-ish :host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:hover background-color: #2196F3 +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon + background-color: #2196F3 +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon + background-color: #2196F3 // change bg color of top menu item when activated from light to blue-ish :host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link background-color: #0d89ec +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover + background-color: #0d89ec +:host ::ng-deep .menubar.p-menubar .p-menuitem.p-highlight > .p-menuitem-content + background-color: #0d89ec // change text color of active top menu from black to white :host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text color: #eee :host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text color: #eee +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon + color: #eee +:host ::ng-deep .menubar.menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon + color: #eee +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text + color: #eee +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon + color: #eee +:host ::ng-deep .menubar.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon + color: #eee // style for error indicator in to bar menu