diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html index 0d9981405..26f8924ba 100644 --- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html +++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html @@ -9,7 +9,7 @@
+ [ngClass]="enableMaxHeight ? 'go-toast__container--max-height' : 'go-toast__container'">
diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts b/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts index 2ed245ac1..3c4a379f9 100644 --- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts +++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts @@ -16,7 +16,7 @@ export class GoToastComponent { duration: number; @Input() dismissable: boolean = false; - @Input() enableMaxHeight: boolean = true; + @Input() enableMaxHeight: boolean = false; @Input() header: string; @Input() icon: string; @Input() message: string; diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html index e62de19d5..8f62b2733 100644 --- a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html +++ b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html @@ -41,7 +41,7 @@

dismissable

enableMaxHeight

- By default this is true, but if set to false will allow the toast to expand to the size of its content. + By default this is false, but if set to true will allow the toast to have a max height that allows for vertical overflow scrolling.

@@ -320,11 +320,11 @@

Max Height Example

- By default, the toasts have a max height that allows for vertical overflow scrolling. See below: + By default, the toasts allows to expand to the size of its content. See below:

View

- + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? @@ -339,11 +339,11 @@

Code

- To disable the max height restriction on toasts, you can pass in a binding: + To enable the max height on toasts, you can pass in a binding:

View

- + Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts index 7567962f2..ed1283afc 100644 --- a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts +++ b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts @@ -13,7 +13,7 @@ export class ToastDocsComponent { componentBindings: string = ` @Input() dismissable: boolean = false; - @Input() enableMaxHeight: boolean = true; + @Input() enableMaxHeight: boolean = false; @Input() header: string; @Input() icon: string; @Input() message: string; @@ -140,15 +140,15 @@ export class ToastDocsComponent { toast_maxHeight_html: string = ` `; toast_maxHeight_enable_html: string = ` `;