From bed7e19dae06f53d57fcab5c3c53bf76cdfd9792 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Thu, 18 Sep 2014 14:58:42 +0300 Subject: Notification animations feel janky (Valo) (#14656) Added a small delay for notification animate-in animations. Change-Id: Id5596957c56eae391c17e3ea8b942617b848c8f7 --- WebContent/VAADIN/themes/valo/components/_notification.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'WebContent') diff --git a/WebContent/VAADIN/themes/valo/components/_notification.scss b/WebContent/VAADIN/themes/valo/components/_notification.scss index ff5e2da8d6..78d0b864c8 100644 --- a/WebContent/VAADIN/themes/valo/components/_notification.scss +++ b/WebContent/VAADIN/themes/valo/components/_notification.scss @@ -33,14 +33,14 @@ $v-notification-title-color: $v-focus-color !default; @if $v-animations-enabled { .#{$primary-stylename}-animate-in { - @include animation(valo-animate-in-fade 180ms); + @include animation(valo-animate-in-fade 180ms 10ms backwards); &.v-position-top { - @include animation(valo-animate-in-slide-down 400ms); + @include animation(valo-animate-in-slide-down 400ms 10ms backwards); } &.v-position-bottom { - @include animation(valo-animate-in-slide-up 400ms); + @include animation(valo-animate-in-slide-up 400ms 10ms backwards); } } @@ -277,7 +277,7 @@ $v-notification-title-color: $v-focus-color !default; @if $v-animations-enabled { &[class*="animate-in"] { - @include animation(valo-animate-in-slide-down 300ms); + @include animation(valo-animate-in-slide-down 300ms 10ms backwards); } &[class*="animate-out"] { @@ -291,7 +291,7 @@ $v-notification-title-color: $v-focus-color !default; @if $v-animations-enabled { &[class*="animate-in"] { - @include animation(valo-animate-in-slide-up 300ms); + @include animation(valo-animate-in-slide-up 300ms 10ms backwards); } &[class*="animate-out"] { -- cgit v1.2.3