fix(demo): adjusted the docs of the lib examples in md #163 #143

angular-material-extensions · Apr 23, 2019 · e2dd41a · e2dd41a
1 parent 8daf84e
commit e2dd41a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/demo/src/app/home/home.component.html b/demo/src/app/home/home.component.html
@@ -131,7 +131,7 @@ <h1>@angular-material-extensions/password-strength</h1>
         <mat-card-content>
 
           <!--password input filed-->
-          <mat-form-field appearance="outline" style="width: 100%">
+          <mat-form-field appearance="outline" [color]="passwordComponentWithValidation.color" style="width: 100%">
             <mat-label>Password</mat-label>
             <mat-pass-toggle-visibility #toggle matSuffix></mat-pass-toggle-visibility>
             <input matInput #passwordWithValidation
@@ -215,7 +215,7 @@ <h1>@angular-material-extensions/password-strength</h1>
         <mat-card-content>
 
           <!--password input filed-->
-          <mat-form-field appearance="outline" style="width: 100%">
+          <mat-form-field appearance="outline" [color]="passwordComponentWithConfirmation.color" style="width: 100%">
             <mat-label>Password</mat-label>
             <mat-pass-toggle-visibility #toggle3 matSuffix></mat-pass-toggle-visibility>
             <input matInput #passwordWithConfirmation

diff --git a/demo/src/assets/md/home/e2/html.md b/demo/src/assets/md/home/e2/html.md
@@ -1,10 +1,10 @@
 ```html
  <!--password input filed-->
-  <mat-form-field appearance="outline" style="width: 100%">
+  <mat-form-field appearance="outline" [color]="passwordComponentWithValidation.color" style="width: 100%">
     <mat-label>Password</mat-label>
-    <mat-pass-toggle-visibility #toggle2 matSuffix></mat-pass-toggle-visibility>
+    <mat-pass-toggle-visibility #toggle matSuffix></mat-pass-toggle-visibility>
     <input matInput #passwordWithValidation
-           [type]="toggle2.type"
+           [type]="toggle.type"
            required
            [formControl]="passwordComponentWithValidation.passwordFormControl"
            placeholder="Password">

diff --git a/demo/src/assets/md/home/e3/html.md b/demo/src/assets/md/home/e3/html.md
@@ -1,6 +1,6 @@
 ```html
 <!--password input filed-->
-<mat-form-field appearance="outline" style="width: 100%">
+<mat-form-field appearance="outline" [color]="passwordComponentWithConfirmation.color" style="width: 100%">
   <mat-label>Password</mat-label>
   <mat-pass-toggle-visibility #toggle3 matSuffix></mat-pass-toggle-visibility>
   <input matInput #passwordWithConfirmation