fix(toast): allow to change position start/end of toast

core/api.txt

@@ -1166,10 +1166,12 @@ ion-toast,css-prop,--box-shadow
 ion-toast,css-prop,--button-color
 ion-toast,css-prop,--color
 ion-toast,css-prop,--height
+ion-toast,css-prop,--left
 ion-toast,css-prop,--max-height
 ion-toast,css-prop,--max-width
 ion-toast,css-prop,--min-height
 ion-toast,css-prop,--min-width
+ion-toast,css-prop,--right
 ion-toast,css-prop,--width
 
 ion-toggle,shadow

core/src/components/toast/readme.md

@@ -272,10 +272,12 @@ Type: `Promise<void>`
 | `--button-color`  | Color of the button text    |
 | `--color`         | Color of the toast text     |
 | `--height`        | Height of the toast         |
+| `--left`          | Position from left          |
 | `--max-height`    | Maximum height of the toast |
 | `--max-width`     | Maximum width of the toast  |
 | `--min-height`    | Minimum height of the toast |
 | `--min-width`     | Minimum width of the toast  |
+| `--right`         | Position from right         |
 | `--width`         | Width of the toast          |
 
 

core/src/components/toast/test/basic/e2e.ts

@@ -42,6 +42,10 @@ test('toast: custom class', async () => {
   await testToast(DIRECTORY, '#custom-class-toast');
 });
 
+test('toast: left right position', async () => {
+  await testToast(DIRECTORY, '#toast-left-and-right');
+});
+
 /**
  * RTL Tests
  */