From ebc664ee2ab2c7a299b3ec3b188081929b521479 Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Thu, 1 Jul 2021 14:22:59 +0200
Subject: [PATCH] add H1 to Start-page
---
.../src/lib/navigation/navigation.component.html | 9 +++++++--
.../src/lib/navigation/navigation.component.scss | 7 ++++++-
2 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.html b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.html
index c31f640aa4..624e2e2e44 100644
--- a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.html
+++ b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.html
@@ -1,9 +1,14 @@
<nav [ngClass]="{ small: navigationCollapse$ | async }">
<ul>
<li>
- <a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" matRipple matRippleColor="rgba(13,71,161, 0.08)">
+ <a #home="routerLinkActive" routerLink="/"
+ routerLinkActive="active"
+ [routerLinkActiveOptions]="{ exact: true }"
+ matRipple
+ matRippleColor="rgba(13,71,161, 0.08)">
<mat-icon>apps</mat-icon>
- <span>Alle Vorgänge</span>
+ <h1 *ngIf="home.isActive; else homeInactive">Alle Vorgänge</h1>
+ <ng-template #homeInactive><span>Alle Vorgänge</span></ng-template>
</a>
</li>
<!--li>
diff --git a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.scss b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.scss
index 72a74ca837..c4a730b688 100644
--- a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.scss
+++ b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.scss
@@ -43,10 +43,15 @@ ul {
//box-shadow: inset 0 0 0 2px mat-color($primaryPalette, darker);
}
+ h1,
span {
- margin-left: 20px;
+ margin: 0 0 0 20px;
transition: opacity 0.5s;
transition-delay: 0.3s;
+ font-size: inherit;
+ color: inherit;
+ font-weight: inherit;
+ padding: 0;
}
}
}
--
GitLab