fix: Add min-width option on alerts with default value (#863)

* fix: Add min-width option on alerts with default value * Change docs 400px alert min-width to 300px * Remove minWidth check
SAP · Jun 11, 2019 · 536ba06 · 536ba06
1 parent d1dca59
commit 536ba06
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/...cumentation/component-docs/alert/examples/alert-component-as-content-example.component.ts b/...cumentation/component-docs/alert/examples/alert-component-as-content-example.component.ts
@@ -14,6 +14,7 @@ export class AlertComponentAsContentExampleComponent {
     openFromComponent() {
         this.alertService.open(AlertContentComponent, {
             type: 'warning',
+            minWidth: '300px',
             mousePersist: true,
             duration: 7500,
             data: {

diff --git a/library/src/lib/alert/alert-utils/alert-config.ts b/library/src/lib/alert/alert-utils/alert-config.ts
@@ -16,6 +16,9 @@ export class AlertConfig {
     /** Width of the alert. */
     width?: string = '33vw';
 
+    /** Minimum width of the alert. */
+    minWidth?: string = '300px';
+
     /** Data being injected into the child component or template. */
     data?: any;
 

diff --git a/library/src/lib/alert/alert.component.ts b/library/src/lib/alert/alert.component.ts
@@ -34,6 +34,7 @@ let alertUniqueId: number = 0;
         '[attr.aria-labelledby]': 'ariaLabelledBy',
         '[attr.aria-label]': 'ariaLabel',
         '[style.width]': 'width',
+        '[style.min-width]': 'minWidth',
         'role': 'alert',
         '[attr.id]': 'id',
         '[@fadeAlertNgIf]': ''
@@ -85,6 +86,10 @@ export class AlertComponent extends AbstractFdNgxClass implements OnInit, AfterV
     @Input()
     width: string;
 
+    /** Minimum width of the alert. */
+    @Input()
+    minWidth: string;
+
     /** Alternative way of passing in a message to the alert. */
     @Input()
     message: string;