diff options
author | Dessalines <tyhou13@gmx.com> | 2020-04-29 17:52:18 -0400 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-04-29 17:52:18 -0400 |
commit | 9b93d4c098da53cc24ca0b4df293122ef251f7d3 (patch) | |
tree | a1e840eb1e2277b49523e82af136c0c5c488ccbb /ui/src/components/private-message-form.tsx | |
parent | 59852d6899335572f0f5f59ad8d95f84963db6e2 (diff) |
Better private-message form. Fixes #652
Diffstat (limited to 'ui/src/components/private-message-form.tsx')
-rw-r--r-- | ui/src/components/private-message-form.tsx | 60 |
1 files changed, 30 insertions, 30 deletions
diff --git a/ui/src/components/private-message-form.tsx b/ui/src/components/private-message-form.tsx index 6b607654..7667f5a1 100644 --- a/ui/src/components/private-message-form.tsx +++ b/ui/src/components/private-message-form.tsx @@ -160,38 +160,12 @@ export class PrivateMessageForm extends Component< )} /> )} - - <ul class="float-right list-inline mb-1 text-muted font-weight-bold"> - <li class="list-inline-item"> - <span - onClick={linkEvent(this, this.handleShowDisclaimer)} - class="pointer" - data-tippy-content={i18n.t('disclaimer')} - > - <svg class={`icon icon-inline`}> - <use xlinkHref="#icon-alert-triangle"></use> - </svg> - </span> - </li> - <li class="list-inline-item"> - <a - href={markdownHelpUrl} - target="_blank" - class="text-muted" - title={i18n.t('formatting_help')} - > - <svg class="icon icon-inline"> - <use xlinkHref="#icon-help-circle"></use> - </svg> - </a> - </li> - </ul> </div> </div> {this.state.showDisclaimer && ( <div class="form-group row"> - <div class="col-sm-10"> + <div class="offset-sm-2 col-sm-10"> <div class="alert alert-danger" role="alert"> <T i18nKey="private_message_disclaimer"> # @@ -208,7 +182,7 @@ export class PrivateMessageForm extends Component< </div> )} <div class="form-group row"> - <div class="col-sm-10"> + <div class="offset-sm-2 col-sm-10"> <button type="submit" class="btn btn-secondary mr-2"> {this.state.loading ? ( <svg class="icon icon-spinner spin"> @@ -222,8 +196,9 @@ export class PrivateMessageForm extends Component< </button> {this.state.privateMessageForm.content && ( <button - className={`btn btn-secondary mr-2 ${this.state.previewMode && - 'active'}`} + className={`btn btn-secondary mr-2 ${ + this.state.previewMode && 'active' + }`} onClick={linkEvent(this, this.handlePreviewToggle)} > {i18n.t('preview')} @@ -238,6 +213,31 @@ export class PrivateMessageForm extends Component< {i18n.t('cancel')} </button> )} + <ul class="d-inline-block float-right list-inline mb-1 text-muted font-weight-bold"> + <li class="list-inline-item"> + <span + onClick={linkEvent(this, this.handleShowDisclaimer)} + class="pointer" + data-tippy-content={i18n.t('disclaimer')} + > + <svg class={`icon icon-inline`}> + <use xlinkHref="#icon-alert-triangle"></use> + </svg> + </span> + </li> + <li class="list-inline-item"> + <a + href={markdownHelpUrl} + target="_blank" + class="text-muted" + title={i18n.t('formatting_help')} + > + <svg class="icon icon-inline"> + <use xlinkHref="#icon-help-circle"></use> + </svg> + </a> + </li> + </ul> </div> </div> </form> |