From 4be7c839c06f537c2a95aa839b643f30cc169373 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 4 Mar 2019 00:25:43 +0100
Subject: [PATCH] Adjust hover effect
---
.../shared/content-groups/content-groups.component.scss | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/app/components/shared/content-groups/content-groups.component.scss b/src/app/components/shared/content-groups/content-groups.component.scss
index 746ec783c..090b94dc2 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -7,7 +7,7 @@
position: relative;
top: 0;
text-align: center;
- transition: all 0.25s;
+ transition: all 0.5;
margin-top: 10px;
max-height: 50px;
padding: 5px;
@@ -15,8 +15,10 @@
&:hover {
cursor: pointer;
background-color: mat-color($arsnova-primary, 200);
- top: -15px;
- box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.2);
+ transform: translateZ(20px);
+ transform: translateY(-5px);
+ transform: scaleY(1.2);
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
}
--
GitLab