From 8f2d41e57d2895f84d0cbbfc2e788dd35b60f2df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philippe=20Lafreni=C3=A8re?=
 <53181414+PhilippeLafreniere18@users.noreply.github.com>
Date: Wed, 4 Nov 2020 15:44:00 -0500
Subject: [PATCH] fix(workspace): CSS fix for actionbar menu (#549)

Co-authored-by: Pierre-Etienne Lord <pe_lord@pm.me>
---
 src/app/pages/portal/portal.component.html |  7 +++++--
 src/app/pages/portal/portal.component.scss | 17 +++++++++++++++++
 src/app/pages/portal/portal.component.ts   |  1 +
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/portal/portal.component.html b/src/app/pages/portal/portal.component.html
index 653686b61..c810b51a6 100644
--- a/src/app/pages/portal/portal.component.html
+++ b/src/app/pages/portal/portal.component.html
@@ -114,6 +114,7 @@
 
     <ng-container *ngIf="selectedWorkspace$ | async as workspace">
       <button
+        class="eye-workspace"
         mat-icon-button
         [color]="workspace.layer.visible ? 'primary' : 'default'"
         collapsibleButton
@@ -129,6 +130,7 @@
         </mat-icon>
     </button>
     <igo-actionbar
+      class="actionbar-workspace"
       *ngIf="workspace.actionStore"
       [store]="workspace.actionStore"
       [withIcon]="true"
@@ -136,8 +138,9 @@
       [horizontal]="true"
       [withToggleButton]="actionbarMode === 'overlay'"
       [iconColor]="'primary'"
-      [color]="'primary'"
-      [mode]="actionbarMode">
+      [color]="'primary'"    
+      [mode]="actionbarMode"
+      [overlayClass]="workspaceMenuClass">
     </igo-actionbar>
       <div class="spacer"></div>
       <igo-entity-table-paginator
diff --git a/src/app/pages/portal/portal.component.scss b/src/app/pages/portal/portal.component.scss
index b88f75f4e..63ce8e856 100644
--- a/src/app/pages/portal/portal.component.scss
+++ b/src/app/pages/portal/portal.component.scss
@@ -341,3 +341,20 @@ app-toast-panel-for-expansion .toast-panel-for-expansion-close-button-container
     line-height: 24px;
   }
 }
+
+.eye-workspace {
+  margin-left: 7px;
+  margin-top: 5px;
+}
+
+.actionbar-workspace {
+  padding-left: 0px;
+}
+
+::ng-deep div.workspace-menu {
+  max-width: fit-content !important;
+
+  div.mat-menu-content ::ng-deep span.mat-checkbox-label, div.mat-menu-content ::ng-deep div.mat-list-text {
+    font-size: 12px;
+  }
+}
diff --git a/src/app/pages/portal/portal.component.ts b/src/app/pages/portal/portal.component.ts
index fbac3ec31..c5988badb 100644
--- a/src/app/pages/portal/portal.component.ts
+++ b/src/app/pages/portal/portal.component.ts
@@ -118,6 +118,7 @@ export class PortalComponent implements OnInit, OnDestroy {
     pageSize: 50, // Number of items to display on a page.
     pageSizeOptions: [1, 5, 10, 20, 50, 100, 500] // The set of provided page size options to display to the user.
   };
+  public workspaceMenuClass = 'workspace-menu';
 
   public fullExtent = this.storageService.get('fullExtent') as boolean;
   public sidenavOpened = false;