From 526b23cd86ccc7603e280da45d48f3f4bfcc4ecd 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/VAADIN/themes') diff --git a/WebContent/VAADIN/themes/valo/components/_notification.scss b/WebContent/VAADIN/themes/valo/components/_notification.scss index d0879a1caa..9261af0c52 100644 --- a/WebContent/VAADIN/themes/valo/components/_notification.scss +++ b/WebContent/VAADIN/themes/valo/components/_notification.scss @@ -45,14 +45,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); } } @@ -307,7 +307,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"] { @@ -321,7 +321,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