From 754c9a0b496b3f146212b9e5f93e295555b0c7e8 Mon Sep 17 00:00:00 2001
From: cgraha217 <charles_graham@comcast.com>
Date: Sun, 11 Dec 2022 07:00:50 -0700
Subject: [PATCH] fix(@porrtal/a-shell-material): fix transparent background
 for cascading menu

---
 .../src/lib/view-stack/view-stack.component.html              | 1 +
 .../src/lib/view-stack/view-stack.component.scss              | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.html b/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.html
index 8a481590..f979c391 100644
--- a/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.html
+++ b/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.html
@@ -152,6 +152,7 @@
     </button>
     <button
       mat-menu-item
+      class="menu-button"
       [matMenuTriggerFor]="arrangeOptions"
       [matMenuTriggerData]="{viewState}"
     >
diff --git a/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.scss b/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.scss
index a617f966..aa914b91 100644
--- a/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.scss
+++ b/libs/porrtal/a-shell-material/src/lib/view-stack/view-stack.component.scss
@@ -27,6 +27,10 @@
   max-width: 20px;
 }
 
+::ng-deep.mat-menu-panel {
+  background-color: #eee
+}
+
 mat-tab-group {
   width: 100%;
   height: 100%;