Browse Source

Fix dialog close button (#16219)

* Fix dialog close button being white on almost white

* Make dialog close button slightly bigger
closed-social-v3
Mélanie Chauvel 3 years ago
committed by GitHub
parent
commit
0464240f19
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 5 deletions
  1. +1
    -1
      app/javascript/mastodon/features/ui/components/focal_point_modal.js
  2. +1
    -1
      app/javascript/mastodon/features/ui/components/report_modal.js
  3. +4
    -3
      app/javascript/styles/mastodon/components.scss

+ 1
- 1
app/javascript/mastodon/features/ui/components/focal_point_modal.js View File

@ -309,7 +309,7 @@ class FocalPointModal extends ImmutablePureComponent {
return (
<div className='modal-root__modal report-modal' style={{ maxWidth: 960 }}>
<div className='report-modal__target'>
<IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />
<IconButton className='report-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={20} />
<FormattedMessage id='upload_modal.edit_media' defaultMessage='Edit media' />
</div>

+ 1
- 1
app/javascript/mastodon/features/ui/components/report_modal.js View File

@ -91,7 +91,7 @@ class ReportModal extends ImmutablePureComponent {
return (
<div className='modal-root__modal report-modal'>
<div className='report-modal__target'>
<IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />
<IconButton className='report-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={20} />
<FormattedMessage id='report.target' defaultMessage='Report {target}' values={{ target: <strong>{account.get('acct')}</strong> }} />
</div>

+ 4
- 3
app/javascript/styles/mastodon/components.scss View File

@ -5297,9 +5297,10 @@ a.status-card.compact:hover {
.report-modal__target {
padding: 15px;
.media-modal__close {
top: 14px;
right: 15px;
.report-modal__close {
position: absolute;
top: 10px;
right: 10px;
}
}

Loading…
Cancel
Save