diff options
Diffstat (limited to 'webapp/components')
-rw-r--r-- | webapp/components/form_error.jsx | 10 | ||||
-rw-r--r-- | webapp/components/setting_picture.jsx | 10 | ||||
-rw-r--r-- | webapp/components/user_profile.jsx | 7 |
3 files changed, 23 insertions, 4 deletions
diff --git a/webapp/components/form_error.jsx b/webapp/components/form_error.jsx index b3ac3fef0..e8c3d1e98 100644 --- a/webapp/components/form_error.jsx +++ b/webapp/components/form_error.jsx @@ -43,6 +43,16 @@ export default class FormError extends React.Component { return null; } + if (this.props.type === 'modal') { + return ( + <div className='form-group'> + <label className='col-sm-12 has-error'> + {message} + </label> + </div> + ); + } + if (this.props.type === 'backstage') { return ( <div className='pull-left has-error'> diff --git a/webapp/components/setting_picture.jsx b/webapp/components/setting_picture.jsx index 93d41a312..2d389a902 100644 --- a/webapp/components/setting_picture.jsx +++ b/webapp/components/setting_picture.jsx @@ -102,14 +102,14 @@ export default class SettingPicture extends Component { } return ( - <ul className='section-max'> + <ul className='section-max form-horizontal'> <li className='col-xs-12 section-title'>{this.props.title}</li> <li className='col-xs-offset-3 col-xs-8'> <ul className='setting-list'> <li className='setting-list-item'> {img} </li> - <li className='setting-list-item'> + <li className='setting-list-item padding-top x2'> <FormattedMessage id='setting_picture.help' defaultMessage='Upload a profile picture in BMP, JPG, JPEG or PNG format, at least {width}px in width and {height}px height.' @@ -120,7 +120,11 @@ export default class SettingPicture extends Component { /> </li> <li className='setting-list-item'> - <FormError errors={[this.props.clientError, this.props.serverError]}/> + <hr/> + <FormError + errors={[this.props.clientError, this.props.serverError]} + type={'modal'} + /> <span className='btn btn-sm btn-primary btn-file sel-btn'> <FormattedMessage id='setting_picture.select' diff --git a/webapp/components/user_profile.jsx b/webapp/components/user_profile.jsx index 5fb01b725..b3290d1de 100644 --- a/webapp/components/user_profile.jsx +++ b/webapp/components/user_profile.jsx @@ -56,6 +56,11 @@ export default class UserProfile extends React.Component { render() { let name = '...'; let profileImg = ''; + let popoverPosition = 'right'; + if (Utils.isMobile()) { + popoverPosition = 'bottom'; + } + if (this.props.user) { name = Utils.displayUsername(this.props.user.id); profileImg = Client.getUsersRoute() + '/' + this.props.user.id + '/image?time=' + this.props.user.last_picture_update; @@ -73,7 +78,7 @@ export default class UserProfile extends React.Component { <OverlayTrigger ref='overlay' trigger='click' - placement='right' + placement={popoverPosition} rootClose={true} overlay={ <ProfilePopover |