cleanup

src/app/pages/portal/legend-button/legend-button.component.html

@@ -3,6 +3,7 @@
   mat-raised-button
   (click)="toggleLegend()"
   [matTooltip]="legendButtonTooltip"
+  matTooltipPosition="left"
   [matTooltipDisabled]="tooltipDisabled"
 >
   {{ 'legend.button' | translate }}

src/app/pages/portal/panels/panels-handler/panels/legend/legend-panel.component.html

@@ -1,4 +1,4 @@
-<div class="flex justify-content-space-between align-items-center">
+<div class="close-button">
   <h4 class="title" mat-dialog-title>
     {{ 'legend.title' | translate }}
   </h4>

src/app/pages/portal/panels/panels-handler/panels/legend/legend-panel.component.scss

@@ -1,84 +1,7 @@
-@use 'variables';
-@import '../../../../portal.variables';
-
 :host {
-  background-color: rgb(255, 255, 255);
-
-  mat-sidenav {
-    ::ng-deep .mat-drawer-inner-container {
-      top: $search-bar-height;
-      position: relative;
-      height: calc(100% - $search-bar-height);
-    }
-
-    @extend %box-shadowed-bottom-right;
-
-    height: $app-sidenav-height;
-    width: $app-sidenav-width;
-
-    overflow: visible;
-
-    .app-sidenav-content {
-      padding: 0 16px 0 16px !important;
-    }
+  .close-button {
+    display: flex;
+    justify-content: space-between;
+    align-items: center !important;
   }
-
-  .sidenav-button-container {
-    position: absolute;
-    top: 50%;
-    left: calc($app-sidenav-width + 1px);
-    z-index: 1;
-    padding: 0;
-    transition: left 300ms;
-
-    button {
-      border-radius: 0;
-      &:hover {
-        background-color: #156bb2;
-      }
-    }
-  }
-
-  .sidenav-closed {
-    left: 0 !important;
-    position: absolute;
-  }
-
-  mat-expansion-panel {
-    position: fixed;
-    display: block;
-    bottom: 0;
-    z-index: 9999;
-    width: 100%;
-
-    ::ng-deep .mat-expansion-panel-content {
-      overflow-y: scroll !important;
-      overflow-x: clip;
-      height: 264px;
-    }
-  }
-
-  /*
-
- 
-
-  ::ng-deep .icon svg {
-    fill: #ffffff;
-  }
-
-  #bottomPanelMobile {
-    position: relative;
-    display: block;
-    bottom: 0;
-  }
-
-  ::ng-deep .mat-drawer-inner-container {
-    top: $search-bar-height;
-    position: relative;
-    height: calc(100% - $search-bar-height);
-  }
-
-  .title {
-    margin-top: 8px !important;
-  }*/
 }

src/app/pages/portal/panels/panels-handler/panels/map-query-results/map-query-results-panel.component.html

@@ -1,5 +1,5 @@
 @if (selectedFeature$ | async) {
-  <div class="flex justify-content-space-between align-items-center">
+  <div class="close-button">
     <h4 class="title" mat-dialog-title>
       {{ title$ | async | translate }}
     </h4>

src/app/pages/portal/panels/panels-handler/panels/map-query-results/map-query-results-panel.component.scss

@@ -2,6 +2,11 @@
 @import '../../../../portal.variables';
 
 :host {
+  .close-button {
+    display: flex;
+    justify-content: space-between;
+    align-items: center !important;
+  }
   igo-feature-details {
     ::ng-deep table {
       margin: 2em auto;

src/app/pages/portal/panels/panels-handler/panels/map-query-results/map-query-results-panel.component.ts

@@ -1,10 +1,5 @@
 import { AsyncPipe } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  OnDestroy,
-  OnInit
-} from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { MatIconButton } from '@angular/material/button';
 import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
@@ -37,7 +32,7 @@ import { onResultSelect } from './map-query-results-panel.utils';
     AsyncPipe
   ]
 })
-export class MapQueryResultsPanelComponent implements OnInit, OnDestroy {
+export class MapQueryResultsPanelComponent implements OnInit {
   public title$: BehaviorSubject<string> = new BehaviorSubject(undefined);
   public customFeatureTitle: boolean;
   public customFeatureDetails: boolean;
@@ -90,8 +85,6 @@ export class MapQueryResultsPanelComponent implements OnInit, OnDestroy {
       );
   }
 
-  ngOnDestroy() {}
-
   clear() {
     this.panelsHandlerState.componentToClose(ShownComponent.Query);
     this.panelsHandlerState.map.queryResultsOverlay.clear();

src/app/pages/portal/panels/panels-handler/panels/search-results/search-results-panel.component.html

@@ -1,5 +1,5 @@
 @if (panelsHandlerState.searchState.store.empty$ | async) {
-  <div style="margin: 20px">
+  <div class="no-results">
     <section>
       <h5>
         {{ 'igo.integration.searchResultsTool.noResults' | translate }}

src/app/pages/portal/panels/panels-handler/panels/search-results/search-results-panel.component.scss

@@ -1,84 +1,5 @@
-@use 'variables';
-@import '../../../../portal.variables';
-
 :host {
-  background-color: rgb(255, 255, 255);
-
-  mat-sidenav {
-    ::ng-deep .mat-drawer-inner-container {
-      top: $search-bar-height;
-      position: relative;
-      height: calc(100% - $search-bar-height);
-    }
-
-    @extend %box-shadowed-bottom-right;
-
-    height: $app-sidenav-height;
-    width: $app-sidenav-width;
-
-    overflow: visible;
-
-    .app-sidenav-content {
-      padding: 0 16px 0 16px !important;
-    }
+  .no-results {
+    margin: 20px;
   }
-
-  .sidenav-button-container {
-    position: absolute;
-    top: 50%;
-    left: calc($app-sidenav-width + 1px);
-    z-index: 1;
-    padding: 0;
-    transition: left 300ms;
-
-    button {
-      border-radius: 0;
-      &:hover {
-        background-color: #156bb2;
-      }
-    }
-  }
-
-  .sidenav-closed {
-    left: 0 !important;
-    position: absolute;
-  }
-
-  mat-expansion-panel {
-    position: fixed;
-    display: block;
-    bottom: 0;
-    z-index: 9999;
-    width: 100%;
-
-    ::ng-deep .mat-expansion-panel-content {
-      overflow-y: scroll !important;
-      overflow-x: clip;
-      height: 264px;
-    }
-  }
-
-  /*
-
- 
-
-  ::ng-deep .icon svg {
-    fill: #ffffff;
-  }
-
-  #bottomPanelMobile {
-    position: relative;
-    display: block;
-    bottom: 0;
-  }
-
-  ::ng-deep .mat-drawer-inner-container {
-    top: $search-bar-height;
-    position: relative;
-    height: calc(100% - $search-bar-height);
-  }
-
-  .title {
-    margin-top: 8px !important;
-  }*/
 }

src/app/pages/portal/panels/panels-handler/panels/search-results/search-results-panel.component.ts

@@ -1,10 +1,5 @@
 import { AsyncPipe } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  OnDestroy,
-  OnInit
-} from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { MatIconButton } from '@angular/material/button';
 import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
@@ -41,15 +36,11 @@ import {
     AsyncPipe
   ]
 })
-export class SearchResultPanelComponent implements OnInit, OnDestroy {
+export class SearchResultPanelComponent {
   public searchResultActions = SearchResultAction;
 
   constructor(public panelsHandlerState: PanelsHandlerState) {}
 
-  ngOnInit() {}
-
-  ngOnDestroy() {}
-
   onSearchTermChange(term: string) {
     this.panelsHandlerState.searchState.setSearchTerm(term);
   }