diff options
author | Jouni Koivuviita <jouni@vaadin.com> | 2014-09-18 14:58:42 +0300 |
---|---|---|
committer | Sauli Tähkäpää <sauli@vaadin.com> | 2014-09-24 21:57:26 +0300 |
commit | bed7e19dae06f53d57fcab5c3c53bf76cdfd9792 (patch) | |
tree | f5eae453cad6bac20d0d057a6c25270f14f32695 /WebContent/VAADIN | |
parent | 8111a9329c0285bb6b34da616197dc2283731c6b (diff) | |
download | vaadin-framework-bed7e19dae06f53d57fcab5c3c53bf76cdfd9792.tar.gz vaadin-framework-bed7e19dae06f53d57fcab5c3c53bf76cdfd9792.zip |
Notification animations feel janky (Valo) (#14656)
Added a small delay for notification animate-in animations.
Change-Id: Id5596957c56eae391c17e3ea8b942617b848c8f7
Diffstat (limited to 'WebContent/VAADIN')
-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 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"] { |