diff options
| author | Jouni Koivuviita <jouni@vaadin.com> | 2014-09-18 14:58:42 +0300 |
|---|---|---|
| committer | Vaadin Code Review <review@vaadin.com> | 2014-09-19 10:48:49 +0000 |
| commit | 526b23cd86ccc7603e280da45d48f3f4bfcc4ecd (patch) | |
| tree | f0494a3acd26ab9fab046ac26ed42bfad8ec88c2 /WebContent/VAADIN/themes | |
| parent | 7386144a8ecda24624dd093bb019983ba66db505 (diff) | |
| download | vaadin-framework-526b23cd86ccc7603e280da45d48f3f4bfcc4ecd.tar.gz vaadin-framework-526b23cd86ccc7603e280da45d48f3f4bfcc4ecd.zip | |
Notification animations feel janky (Valo) (#14656)
Added a small delay for notification animate-in animations.
Change-Id: Id5596957c56eae391c17e3ea8b942617b848c8f7
Diffstat (limited to 'WebContent/VAADIN/themes')
| -rw-r--r-- | WebContent/VAADIN/themes/valo/components/_notification.scss | 10 |
1 files changed, 5 insertions, 5 deletions
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"] { |