Cosmetics on password panel width

primefaces · Aug 2, 2018 · b5fc221 · b5fc221
1 parent cbb1604
commit b5fc221
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/components/password/password.css b/src/app/components/password/password.css
@@ -1,6 +1,5 @@
 .ui-password-panel {
     padding: .25em .5em;
-    width: 10em;
     position: absolute; 
 }
 

diff --git a/src/app/components/password/password.ts b/src/app/components/password/password.ts
@@ -15,7 +15,7 @@ import {DomHandler} from '../dom/domhandler';
 })
 export class Password implements OnDestroy,DoCheck {
 
-    @Input() promptLabel: string = 'Please enter a password';
+    @Input() promptLabel: string = 'Enter a password';
 
     @Input() weakLabel: string = 'Weak';
 
@@ -59,6 +59,7 @@ export class Password implements OnDestroy,DoCheck {
         this.info.textContent = this.promptLabel;
         this.panel.appendChild(this.meter);
         this.panel.appendChild(this.info);
+        this.panel.style.minWidth = this.domHandler.getOuterWidth(this.el.nativeElement) + 'px';
         document.body.appendChild(this.panel);
     }