diff --git a/packages/core/src/components/toast/animations/ios.enter.ts b/packages/core/src/components/toast/animations/ios.enter.ts index d93c41ab03..75eadba592 100644 --- a/packages/core/src/components/toast/animations/ios.enter.ts +++ b/packages/core/src/components/toast/animations/ios.enter.ts @@ -31,7 +31,7 @@ export default function iOSEnterAnimation( } return baseAnimation .addElement(baseElm) - .easing('cubic-bezier(.36,.66,.04,1)') + .easing('cubic-bezier(.155,1.105,.295,1.12)') .duration(400) .add(wrapperAnimation); } diff --git a/packages/core/src/components/toast/test/basic.html b/packages/core/src/components/toast/test/basic.html index 04716aa346..0c572e721c 100644 --- a/packages/core/src/components/toast/test/basic.html +++ b/packages/core/src/components/toast/test/basic.html @@ -13,7 +13,7 @@ - Popover + Toast @@ -24,7 +24,6 @@ Show Toast with long message Show Toast with close button Show Toast with close button and custom text - diff --git a/packages/core/src/components/toast/toast.ios.scss b/packages/core/src/components/toast/toast.ios.scss index ae8a0f2153..27493e7fff 100644 --- a/packages/core/src/components/toast/toast.ios.scss +++ b/packages/core/src/components/toast/toast.ios.scss @@ -5,19 +5,19 @@ // -------------------------------------------------- /// @prop - Background of the toast wrapper -$toast-ios-background: rgba(0, 0, 0, .9) !default; +$toast-ios-background: rgba(237, 237, 239, 1) !default; /// @prop - Border radius of the toast wrapper -$toast-ios-border-radius: .65rem !default; +$toast-ios-border-radius: 16px !default; /// @prop - Color of the toast title -$toast-ios-title-color: #fff !default; +$toast-ios-title-color: rgba(71, 71, 71, 1) !default; /// @prop - Font size of the toast title -$toast-ios-title-font-size: 1.4rem !default; +$toast-ios-title-font-size: 14px !default; /// @prop - Padding top of the toast title -$toast-ios-title-padding-top: 1.5rem !default; +$toast-ios-title-padding-top: 15px !default; /// @prop - Padding end of the toast title $toast-ios-title-padding-end: $toast-ios-title-padding-top !default; @@ -28,6 +28,9 @@ $toast-ios-title-padding-bottom: $toast-ios-title-padding-top ! /// @prop - Padding start of the toast title $toast-ios-title-padding-start: $toast-ios-title-padding-end !default; +/// @prop - Color of the toast button +$toast-ios-button-color: rgba(71, 71, 71, 1) !default; + .toast-ios .toast-wrapper { @include position-horizontal(10px, 10px); @@ -67,3 +70,7 @@ $toast-ios-title-padding-start: $toast-ios-title-padding-end ! color: $toast-ios-title-color; } + +.toast-ios .toast-button { + color: $toast-ios-button-color; +} \ No newline at end of file diff --git a/packages/core/src/components/toast/toast.scss b/packages/core/src/components/toast/toast.scss index d67519128b..16c857466d 100644 --- a/packages/core/src/components/toast/toast.scss +++ b/packages/core/src/components/toast/toast.scss @@ -39,9 +39,7 @@ ion-toast { } .toast-button { - @include padding(19px, 16px, 17px); - - font-size: 1.5rem; + font-size: 15px; } .toast-message {