fix(frontend): add link on logo text

* feat(frontend): add link on logo text * fix(frontend): display logo-link only if an url is set Co-authored-by: Maxence Lecanu <maxence@escape.tech>
Ombi-app · Jan 25, 2022 · 6d7274a · 6d7274a
1 parent 333f13b
commit 6d7274a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html
@@ -3,7 +3,12 @@
         [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'over' : 'side'"
         [opened]="!(isHandset$ | async)">
 
-        <mat-toolbar class="application-name" id="nav-applicationName">{{applicationName}}</mat-toolbar>
+        <mat-toolbar class="application-name" id="nav-applicationName">
+            <a *ngIf="applicationUrl; else noApplicationUrlLogo" class="application-name-link" [href]="applicationUrl">{{applicationName}}</a>
+        </mat-toolbar>
+        <ng-template #noApplicationUrlLogo>
+            {{applicationName}}
+        </ng-template>
 
         <mat-nav-list>
             <span  mat-list-item  *ngFor="let nav of navItems">

diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
@@ -165,6 +165,15 @@
         display: flex;
         white-space: normal;
         word-break: break-word;
+
+        .application-name-link {
+            text-decoration: none;
+            color: inherit;
+
+            &:active, &:hover, &:focus {
+                color: inherit;
+            }
+        }
     }
 
     .outer-profile {