diff --git a/ui/app/components/masked-input.js b/ui/app/components/masked-input.js
index 6e47fc8c04..317edeb661 100644
--- a/ui/app/components/masked-input.js
+++ b/ui/app/components/masked-input.js
@@ -4,6 +4,7 @@ import autosize from 'autosize';
export default Component.extend({
value: null,
+ placeholder: 'value',
didInsertElement() {
this._super(...arguments);
autosize(this.element.querySelector('textarea'));
diff --git a/ui/app/models/auth-config/ldap.js b/ui/app/models/auth-config/ldap.js
index 5266e4d830..9bb4a14491 100644
--- a/ui/app/models/auth-config/ldap.js
+++ b/ui/app/models/auth-config/ldap.js
@@ -41,6 +41,7 @@ export default AuthConfig.extend({
bindpass: attr('string', {
label: 'Password',
helpText: 'Used along with binddn when performing user search',
+ sensitive: true,
}),
userdn: attr('string', {
diff --git a/ui/app/styles/components/masked-input.scss b/ui/app/styles/components/masked-input.scss
index 6018d0e324..124f2a1640 100644
--- a/ui/app/styles/components/masked-input.scss
+++ b/ui/app/styles/components/masked-input.scss
@@ -48,8 +48,16 @@
.button.copy-button {
min-width: $spacing-xl;
border-left: 0;
- border-radius: 0 $radius $radius 0;
color: $grey;
+ box-shadow: 0 3px 1px 0px rgba(10, 10, 10, 0.12);
+}
+
+.button.copy-button {
+ border-radius: 0;
+}
+
+.button.masked-input-toggle {
+ border-radius: 0 $radius $radius 0;
}
.display-only {
diff --git a/ui/app/templates/components/form-field.hbs b/ui/app/templates/components/form-field.hbs
index 147a3c10a1..4dbe7c003b 100644
--- a/ui/app/templates/components/form-field.hbs
+++ b/ui/app/templates/components/form-field.hbs
@@ -88,6 +88,12 @@
inputValue=(get model valuePath)
onChange=(action (action "setAndBroadcast" valuePath))
}}
+{{else if (eq attr.options.sensitive true)}}
+
{{displayValue}}
- {{else}}
+ {{else}}