javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(toast): add position middle

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-27 21:52:56 +02:00
parent 1f71f76582
commit 25479e4ad8
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/toast/toast-interface.ts
View File

@ -6,7 +6,7 @@ export interface ToastOptions {
duration?: number;
showCloseButton?: boolean;
closeButtonText?: string;
position?: 'top' | 'bottom';
position?: 'top' | 'bottom' | 'middle';
translucent?: boolean;
enterAnimation?: AnimationBuilder;
leaveAnimation?: AnimationBuilder;

5
core/src/components/toast/toast.tsx
View File

@ -71,7 +71,7 @@ export class Toast implements OverlayInterface {
/**
* The position of the toast on the screen. Possible values: "top", "middle", "bottom".
*/
@Prop() position?: 'top' | 'bottom';
@Prop() position: 'top' | 'bottom' | 'middle' = 'bottom';
/**
* If true, the close button will be displayed. Defaults to `false`.
@ -190,10 +190,9 @@ export class Toast implements OverlayInterface {
}
render() {
const position = this.position ? this.position : 'bottom';
const wrapperClass = {
'toast-wrapper': true,
[`toast-${position}`]: true
[`toast-${this.position}`]: true
};
return (
<div class={wrapperClass}>