Make full name and email in details screen better readable
The full name and email inputs in the serviceuser detail screen were
not well readable, if they were longer than the input width. In addition
the values could not be selected and copied.
Now the inputs are wider to increase the amount of readable test. Also
the default value is selectable and can thus be copied.
Change-Id: I2653c7ef84e62c44ae3d0506f2f3c79500e87908
diff --git a/src/main/resources/static/gr-serviceuser-detail.html b/src/main/resources/static/gr-serviceuser-detail.html
index 8dedf23..6d8673a 100644
--- a/src/main/resources/static/gr-serviceuser-detail.html
+++ b/src/main/resources/static/gr-serviceuser-detail.html
@@ -46,6 +46,14 @@
text-align: center;
}
+ span.value {
+ width: 50%;
+ }
+
+ input.wide {
+ width: 100%;
+ }
+
span.Active {
background-color: #9fcc6b;
}
@@ -86,16 +94,18 @@
<section>
<span class="title">Full Name</span>
<span class="value">
- <input id="serviceUserFullNameInput" bind-value="{{_newFullName}}" is="iron-input" type="text"
- disabled="[[_changingPrefs]]" placeholder$="[[_serviceUser.name]]"
- on-keyup="_computePrefsChanged">
+ <input id="serviceUserFullNameInput" class="wide" bind-value="{{_newFullName}}"
+ is="iron-input" type="text" disabled="[[_changingPrefs]]"
+ placeholder$="[[_serviceUser.name]]" on-keyup="_computePrefsChanged">
</span>
</section>
<section>
<span class="title">Email Address</span>
- <input id="serviceUserEmailInput" bind-value="{{_newEmail}}" is="iron-input" type="text"
- disabled="[[_changingPrefs]]" placeholder="[[_serviceUser.email]]" on-keyup="_computePrefsChanged"
- hidden$="[[!_allowEmail]]">
+ <span class="value" hidden$="[[!_allowEmail]]">
+ <input id="serviceUserEmailInput" class="wide" bind-value="{{_newEmail}}"
+ is="iron-input" type="text" disabled="[[_changingPrefs]]"
+ placeholder="[[_serviceUser.email]]" on-keyup="_computePrefsChanged">
+ </span>
<span class="value" hidden$="[[_allowEmail]]">[[_serviceUser.email]]</span>
</section>
<section>
diff --git a/src/main/resources/static/gr-serviceuser-detail.js b/src/main/resources/static/gr-serviceuser-detail.js
index c2ea3e5..95aded2 100644
--- a/src/main/resources/static/gr-serviceuser-detail.js
+++ b/src/main/resources/static/gr-serviceuser-detail.js
@@ -94,6 +94,8 @@
this.fire('title-change', {title: this._serviceUser.name});
this._computeStatusButtonText();
this._loading = false;
+ this._newFullName = this._serviceUser.name;
+ this._newEmail = this._serviceUser.email;
});
},
