From 10fe6b8200a76c0ba5a368153f391293e9056d5c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Sun, 10 Feb 2019 15:34:57 +0100 Subject: [PATCH] Add add-button animation --- .../content-choice-creator.component.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss b/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss index 663c242c5..30dc2812f 100644 --- a/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss +++ b/src/app/components/creator/content-choice-creator/content-choice-creator.component.scss @@ -19,15 +19,18 @@ mat-row { 100% {background-color: #ffecb3} } -.add-icon { +.addIcon { line-height: 100%; height: 100% !important; width: 100% !important; font-size: 40px !important; - transition: 0.5s; +} + +.addButton { + transition-duration: 0.5s; - &:hover { - transform: scale(1.2); + &:focus { + transform: rotate(90deg); } } -- GitLab