djsundog/tootlab-mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-02-23 11:03:50 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make the Toggle in the mute modal look better

Browse Source
This commit is contained in:
Surinna Curtis 2017-09-25 23:58:48 -05:00 committed by aschmitz
parent 21de45c7d2
commit 22cf9bcff6
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/javascript/mastodon/features/ui/components/mute_modal.js
View File

@ -81,12 +81,13 @@ export default class MuteModal extends React.PureComponent {
values={{ name: <strong>@{account.get('acct')}</strong> }} values={{ name: <strong>@{account.get('acct')}</strong> }}
/> />
</p> </p>
<p> <div>
<label htmlFor='mute-modal__hide-notifications-heckbox'> <label htmlFor='mute-modal__hide-notifications-checkbox'>
<FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' /> <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />
{' '}
<Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} /> <Toggle id='mute-modal__hide-notifications-checkbox' checked={notifications} onChange={this.toggleNotifications} />
</label> </label>
</p> </div>
</div> </div>
<div className='mute-modal__action-bar'> <div className='mute-modal__action-bar'>

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

@ -3580,6 +3580,14 @@ button.icon-button.active i.fa-retweet {
} }
} }
.mute-modal {
line-height: 24px;
}
.mute-modal .react-toggle {
vertical-align: middle;
}
.report-modal__statuses, .report-modal__statuses,
.report-modal__comment { .report-modal__comment {
padding: 10px; padding: 10px;