From fc35128e2cf87f47092f92b0ecb4ab02b0b33511 Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Sun, 6 Aug 2023 22:00:21 +0200
Subject: [PATCH] Add hover push animation to all albums, faces and directories
 #587

---
 src/frontend/app/ui/albums/album/album.component.css      | 8 ++++++++
 src/frontend/app/ui/faces/face/face.component.css         | 8 ++++++++
 .../directories/directory/directory.gallery.component.css | 8 ++++++++
 3 files changed, 24 insertions(+)

diff --git a/src/frontend/app/ui/albums/album/album.component.css b/src/frontend/app/ui/albums/album/album.component.css
index 6688f752..e856eea5 100644
--- a/src/frontend/app/ui/albums/album/album.component.css
+++ b/src/frontend/app/ui/albums/album/album.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 .info-button {
   margin: 2px;
   cursor: default;
diff --git a/src/frontend/app/ui/faces/face/face.component.css b/src/frontend/app/ui/faces/face/face.component.css
index 62c4fbe8..6772574c 100644
--- a/src/frontend/app/ui/faces/face/face.component.css
+++ b/src/frontend/app/ui/faces/face/face.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 .star {
   margin: 2px;
   color: #888;
diff --git a/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css b/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
index 8dd1f076..d6471e69 100644
--- a/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
+++ b/src/frontend/app/ui/gallery/directories/directory/directory.gallery.component.css
@@ -1,3 +1,11 @@
+:host {
+  transition: scale .3s ease-out;
+}
+
+:host:hover {
+  scale: 98%;
+}
+
 a {
   position: relative;
 }