diff options
author | skjnldsv <fremulon@protonmail.com> | 2016-04-05 14:21:36 +0200 |
---|---|---|
committer | skjnldsv <fremulon@protonmail.com> | 2016-04-05 14:22:21 +0200 |
commit | fd04eac1af820e0a476038b6c19ce1cdd4dc5894 (patch) | |
tree | b4a53622ae334e5a0fcc68d4ca4943868024ea18 /templates | |
parent | 5869a3a216c6dba1215bb2a8a9458703b60f1fe6 (diff) |
Auto-resizing input for org and title layout + header improvements fix #286
Diffstat (limited to 'templates')
-rw-r--r-- | templates/contactDetails.html | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/templates/contactDetails.html b/templates/contactDetails.html index 94ee8787..f633e564 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -11,13 +11,16 @@ <img ng-if="ctrl.photo!==undefined" class="contactdetails__logo avatar" data-ng-src="data:image/png;base64,{{ctrl.photo}}" /> <h2> <input type="text" id="details-fullName" class="contactdetails__name" placeholder="{{ctrl.t.placeholderName}}" autocomplete="off" - name="email" ng-model="ctrl.contact.fullName" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" /> + name="email" ng-model="ctrl.contact.fullName" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" + inputresize size="{{ctrl.contact.fullName().length > 1 ? ctrl.contact.fullName().length : '1'}}" /> </h2> - <div> + <div id="details-org-container"> <input type="text" id="details-org" class="contactdetails__org" placeholder="{{ctrl.t.placeholderOrg}}" autocomplete="off" - name="email" ng-model="ctrl.contact.org" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" /> + name="email" ng-model="ctrl.contact.org" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" + inputresize size="{{ctrl.contact.org().length > 1 ? ctrl.contact.org().length : '1'}}" /> <input type="text" id="details-title" class="contactdetails__title" placeholder="{{ctrl.t.placeholderTitle}}" autocomplete="off" - name="email" ng-model="ctrl.contact.title" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" /> + name="email" ng-model="ctrl.contact.title" ng-model-options="{ getterSetter: true, debounce: 500 }" ng-change="ctrl.updateContact()" value="" + inputresize size="{{ctrl.contact.title().length > 1 ? ctrl.contact.title().length : '1'}}" /> </div> <button ng-click="ctrl.deleteContact()" class="icon-delete-white" title="Delete"></button> </header> |