fix(style): use font in dialog (#535)

* fix(design): use font in dialogs

* chore(style): remove unecessary scss

* Apply suggestions from code review

change to h2

Author: DanielHabenicht

Phonebook.Frontend/src/app/app.module.ts

@@ -2,11 +2,11 @@
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { PlatformModule } from '@angular/cdk/platform';
 import { HttpClientModule } from '@angular/common/http';
-import { LOCALE_ID, NgModule, TRANSLATIONS } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { MatBadgeModule } from '@angular/material/badge';
+import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
 import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
 import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin';
 import { NgxsRouterPluginModule } from '@ngxs/router-plugin';
@@ -53,7 +53,6 @@ import { environment } from 'src/environments/environment';
 // Services
 import { FloorplanService } from './services/floorplan.service';
 import { SearchComponent } from './shared/components/search/search.component';
-import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 
 declare const require;
 
@@ -106,7 +105,7 @@ declare const require;
     //   },
     //   deps: [LOCALE_ID]
     // },
-    { provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: { panelClass: 'mat-dialog-override' } },
+    { provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: { panelClass: ['mat-dialog-override', 'mat-typography'] } },
     WINDOW_PROVIDER,
     ServiceWorkerService,
     WindowRef,

Phonebook.Frontend/src/app/services/theme.service.ts

@@ -9,10 +9,6 @@ export class ThemeService {
     const bodyClassList = document.body.classList;
     this.removeThemesFromClassList(bodyClassList);
     bodyClassList.add(themeClass);
-
-    const overlayClassList = this.overlayContainer.getContainerElement().classList;
-    this.removeThemesFromClassList(overlayClassList);
-    overlayClassList.add(themeClass);
   }
 
   private removeThemesFromClassList(classList: DOMTokenList) {

Phonebook.Frontend/src/app/shared/dialogs/display-notification-dialog/display-notification.dialog.html

@@ -1,7 +1,7 @@
 <div class="displayDialog">
-  <h3 mat-dialog-title class="pb-color-primary" i18n="Display-notificationDialog|Welcome Headline@@WelcomeHeadline">
+  <h2 mat-dialog-title class="pb-color-primary" i18n="Display-notificationDialog|Welcome Headline@@WelcomeHeadline">
     Welcome to the new Phonebook!
-  </h3>
+  </h2>
   <mat-dialog-content>
     <span i18n="Display-notificationDialog|Welcome Introduction@@WelcomeIntroduction"
       >The new Phonebook not only offers you a new design, but also numerous features that make it better than its

Phonebook.Frontend/src/app/shared/dialogs/display-notification-dialog/display-notification.dialog.scss

@@ -1,9 +1,5 @@
 @import 'media-queries';
 
-h3 {
-  font-size: 2rem;
-}
-
 .displayDialog {
   height: 100%;
   display: flex;