hamptonmoore
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix #6586: Add close modal icon to report dialog (#6591)

signup-info-prompt
Eugen Rochko 2018-03-02 04:36:00 +01:00 committed by GitHub
parent 38b9af76a2
commit 379cdfaac5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/mastodon/features/ui/components/report_modal.js
View File

@ -11,8 +11,10 @@ import { OrderedSet } from 'immutable';
import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePureComponent from 'react-immutable-pure-component';
import Button from '../../../components/button'; import Button from '../../../components/button';
import Toggle from 'react-toggle'; import Toggle from 'react-toggle';
import IconButton from '../../../components/icon_button';
const messages = defineMessages({ const messages = defineMessages({
close: { id: 'lightbox.close', defaultMessage: 'Close' },
placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' }, placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },
submit: { id: 'report.submit', defaultMessage: 'Submit' }, submit: { id: 'report.submit', defaultMessage: 'Submit' },
}); });
@ -72,7 +74,7 @@ export default class ReportModal extends ImmutablePureComponent {
} }
render () { render () {
const { account, comment, intl, statusIds, isSubmitting, forward } = this.props; const { account, comment, intl, statusIds, isSubmitting, forward, onClose } = this.props;
if (!account) { if (!account) {
return null; return null;
@ -83,6 +85,7 @@ export default class ReportModal extends ImmutablePureComponent {
return ( return (
<div className='modal-root__modal report-modal'> <div className='modal-root__modal report-modal'>
<div className='report-modal__target'> <div className='report-modal__target'>
<IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />
<FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} /> <FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />
</div> </div>

5
app/javascript/styles/mastodon/components.scss
View File

@ -4117,6 +4117,11 @@ a.status-card {
.report-modal__target { .report-modal__target {
padding: 20px; padding: 20px;
.media-modal__close {
top: 19px;
right: 15px;
}
} }
.loading-bar { .loading-bar {