fix(workspace): CSS fix for actionbar menu (#549)

Co-authored-by: Pierre-Etienne Lord <[email protected]>

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,15 +130,17 @@
         </mat-icon>
     </button>
     <igo-actionbar
+      class="actionbar-workspace"
       *ngIf="workspace.actionStore"
       [store]="workspace.actionStore"
       [withIcon]="true"
       [withTitle]="actionbarWithTitle"
       [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

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;
+  }
+}

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;