From a33226250b979be5b004e18ac9c49c67f22a7400 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 4 Aug 2022 16:46:42 +0300
Subject: [PATCH] Add scale up animation for logo

---
 sharedComponents/navigation.component.less    | 18 ------------------
 sharedComponents/navigationBar.component.html |  4 ++--
 sharedComponents/navigationBar.component.ts   |  3 +--
 3 files changed, 3 insertions(+), 22 deletions(-)
 delete mode 100644 sharedComponents/navigation.component.less

diff --git a/sharedComponents/navigation.component.less b/sharedComponents/navigation.component.less
deleted file mode 100644
index b3e7ce5f..00000000
--- a/sharedComponents/navigation.component.less
+++ /dev/null
@@ -1,18 +0,0 @@
-@keyframes animation-logo {
-  0% {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  50% {
-    transform: translateY(30%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-.animation-logo {
-  animation-name: animation-logo;
-}
diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 74e7e632..352543cc 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -266,7 +266,7 @@
 </div>
 <ng-template #header_template let-mobile="mobile">
   <a *ngIf="!activeHeader.url" [routerLink]="activeHeader.route" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-fast" [class.animation-logo]="replaceHeader" [class.uk-animation-fade]="!replaceHeader">
+     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-scale-up">
     <img *ngIf="(mobile && activeHeader.logoSmallUrl) || (!mobile && activeHeader.logoUrl)"
            [src]="!mobile?activeHeader.logoUrl:activeHeader.logoSmallUrl"
            [alt]="activeHeader.title">
@@ -278,7 +278,7 @@
     </ng-container>
   </a>
   <a *ngIf="activeHeader.url" [href]="activeHeader.url" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-fast" [class.animation-logo]="replaceHeader" [class.uk-animation-fade]="!replaceHeader">
+     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-scale-up">
     <img *ngIf="(mobile && activeHeader.logoSmallUrl) || (!mobile && activeHeader.logoUrl)"
          [src]="!mobile?activeHeader.logoUrl:activeHeader.logoSmallUrl"
          [alt]="activeHeader.title">
diff --git a/sharedComponents/navigationBar.component.ts b/sharedComponents/navigationBar.component.ts
index 59c48575..30598d9d 100644
--- a/sharedComponents/navigationBar.component.ts
+++ b/sharedComponents/navigationBar.component.ts
@@ -27,8 +27,7 @@ export interface Header {
 
 @Component({
   selector: 'navbar',
-  templateUrl: 'navigationBar.component.html',
-  styleUrls: ['navigation.component.less']
+  templateUrl: 'navigationBar.component.html'
 })
 export class NavigationBarComponent implements OnInit, OnDestroy {
   @Input() portal: string = 'connect';