From dd1d911354fa958c0e7a8db313620d95e47da6ff Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Thu, 25 Jul 2024 12:48:37 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Hinzuf=C3=BCgen-Button=20f=C3=BCr=20zen?=
 =?UTF-8?q?trale=20Dateneingabe=20hinzugef=C3=BCgt;=20Hover-Effekt=20f?=
 =?UTF-8?q?=C3=BCr=20CSS-Pseudo-Klasse=20implementiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/app/nav-menu/nav-menu.component.css   | 23 ++++++++++++++++++-
 .../src/app/nav-menu/nav-menu.component.html  |  5 +++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.css b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.css
index 2e084cf..f5889ef 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.css
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.css
@@ -94,7 +94,7 @@ html {
   display: block !important;
 }
 
-.mat-icon:hover {
+.turn-360:hover {
   animation: rotate 1s ease forwards;
 }
 
@@ -105,4 +105,25 @@ html {
   100% {
     transform: rotate(360deg);
   }
+}
+
+.scale-pulse {
+  display: inline-block;
+  transition: transform 1s ease;
+}
+
+.scale-pulse:hover {
+  animation: pulse 1s ease forwards;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.2);
+  }
+  100% {
+    transform: scale(1);
+  }
 }
\ No newline at end of file
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.html
index 823ab0b..4bd2b7b 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.html
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/nav-menu/nav-menu.component.html
@@ -30,8 +30,11 @@
       <!-- Right menu -->
       <div class="navbar-collapse justify-content-end me-5">
         <a class="navbar-brand" [routerLink]="['/']">User Manager Portal</a>
+        <button class="btn">
+          <mat-icon class="scale-pulse">add_to_photos</mat-icon>
+        </button>
         <button class="btn" (click)="refreshService.executeAll()">
-          <mat-icon>sync</mat-icon>
+          <mat-icon class="turn-360">sync</mat-icon>
         </button>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse"
           aria-label="Toggle navigation" [attr.aria-expanded]="isExpanded" (click)="toggle()">