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

feat(toast): add white-space variable for toast message (#20729)

Browse Source 
fixes #20727
This commit is contained in:
Liam DeBeasi
2020-03-30 12:02:46 -04:00
committed by GitHub
parent bd64509bae
commit e5e02d4f88
3 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/toast/readme.md
View File

@ -250,6 +250,7 @@ Type: `Promise<void>`
| `--min-height` | Minimum height of the toast |
| `--min-width` | Minimum width of the toast |
| `--start` | Position from the left if direction is left-to-right, and from the right if direction is right-to-left |
| `--white-space` | White space of the toast message |
| `--width` | Width of the toast |

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

@ -13,6 +13,8 @@
* @prop --border-width: Border width of the toast
* @prop --border-style: Border style of the toast
*
* @prop --white-space: White space of the toast message
*
* @prop --box-shadow: Box shadow of the toast
*
* @prop --min-width: Minimum width of the toast
@ -37,6 +39,7 @@
--min-height: auto;
--height: auto;
--max-height: auto;
--white-space: pre-wrap;
@include position(0, null, null, 0);
@ -119,7 +122,7 @@
.toast-message {
flex: 1;
white-space: pre-wrap;
white-space: var(--white-space);
}
.toast-button-group {