diff --git a/app/locales/locale-en.json b/app/locales/locale-en.json index f5f6c32f..e01a2924 100644 --- a/app/locales/locale-en.json +++ b/app/locales/locale-en.json @@ -1116,7 +1116,7 @@ "EMAIL": "Email", "FULL_NAME": "Full name", "PLACEHOLDER_FULL_NAME": "Set your full name (ex. Íñigo Montoya)", - "BIO": "Bio", + "BIO": "Bio (max. 210 chars)", "PLACEHOLDER_BIO": "Tell us something about you", "LANGUAGE": "Language", "LANGUAGE_DEFAULT": "-- use default language --" diff --git a/app/modules/profile/profile-bar/profile-bar.jade b/app/modules/profile/profile-bar/profile-bar.jade index 55ba3153..44c3ba2b 100644 --- a/app/modules/profile/profile-bar/profile-bar.jade +++ b/app/modules/profile/profile-bar/profile-bar.jade @@ -34,4 +34,4 @@ section.profile-bar // div.organization div.profile-quote(ng-if="::vm.user.bio") - span {{::vm.user.bio}} + span {{::vm.user.bio | limitTo:210 }}{{vm.user.bio.length < 210 ? '' : '...'}} diff --git a/app/partials/user/user-profile.jade b/app/partials/user/user-profile.jade index bc88f297..d4d3ced0 100644 --- a/app/partials/user/user-profile.jade +++ b/app/partials/user/user-profile.jade @@ -58,8 +58,9 @@ div.wrapper(tg-user-profile, ng-controller="UserSettingsController as ctrl", fieldset label(for="bio", translate="USER_PROFILE.FIELD.BIO") + textarea(name="bio", id="bio", ng-model="user.bio", - ng-attr-placeholder="{{'USER_PROFILE.FIELD.PLACEHOLDER_BIO' | translate}}") + ng-attr-placeholder="{{'USER_PROFILE.FIELD.PLACEHOLDER_BIO' | translate}}", ng-maxlength="210", maxlength="210") fieldset.submit button.button-green.submit-button(type="submit", title="{{'COMMON.SAVE' | translate}}", diff --git a/app/styles/modules/user-settings/user-profile.scss b/app/styles/modules/user-settings/user-profile.scss index 2deea46a..38eff6c2 100644 --- a/app/styles/modules/user-settings/user-profile.scss +++ b/app/styles/modules/user-settings/user-profile.scss @@ -70,6 +70,9 @@ display: block; margin-bottom: .5rem; } + textarea { + min-height: 7rem; + } .button-green { color: $white; cursor: pointer;