Commit 33a70adf authored by Jason Salyers's avatar Jason Salyers
Browse files

[JES] Updates to fix some styling issues with blacklisting page

parent e7227128
...@@ -345,7 +345,7 @@ class ListManagement extends React.Component { ...@@ -345,7 +345,7 @@ class ListManagement extends React.Component {
} }
this.setState({ this.setState({
is_busy: false, is_busy: false,
validate_accounts: [], validated_accounts: [],
unmatched_accounts: [], unmatched_accounts: [],
updates_are_pending: true, updates_are_pending: true,
}); });
...@@ -409,7 +409,7 @@ class ListManagement extends React.Component { ...@@ -409,7 +409,7 @@ class ListManagement extends React.Component {
for (var account of listed_accounts) { for (var account of listed_accounts) {
let item = ( let item = (
<tr key={account.name + 'tr'}> <tr key={account.name + 'tr'}>
<td style={{ width: '75%' }}> <td style={{ width: '75%', whiteSpace: 'nowrap' }}>
<Link to={'/@' + account.name}> <Link to={'/@' + account.name}>
<strong>{account.name}</strong> <strong>{account.name}</strong>
</Link> </Link>
...@@ -432,7 +432,10 @@ class ListManagement extends React.Component { ...@@ -432,7 +432,10 @@ class ListManagement extends React.Component {
</td> </td>
<td> <td>
<span <span
style={{ display: show_button }} style={{
display: show_button,
whiteSpace: 'nowrap',
}}
className="button slim hollow secondary" className="button slim hollow secondary"
onClick={this.handle_unlist.bind( onClick={this.handle_unlist.bind(
this, this,
...@@ -808,23 +811,26 @@ class ListManagement extends React.Component { ...@@ -808,23 +811,26 @@ class ListManagement extends React.Component {
)} )}
</b> </b>
</h5> </h5>
<h6>
{tt('list_management_jsx.multi_add_notes')}
</h6>
<center>
<table style={{ width: '35%' }}> <table style={{ width: '35%' }}>
<thead /> <thead />
<tbody> <tbody>
<tr> <tr>
<td <td
style={{ style={{
width: '50%', whiteSpace: 'nowrap',
textAlign: 'right',
}} }}
> >
{add_to_text}{' '} <center>
{tt(
'list_management_jsx.multi_add_notes'
)}
</td>
<td style={{ width: '25%' }}>
<input <input
style={{
width: '60%',
whiteSpace:
'nowrap',
}}
type="text" type="text"
name="multiadd" name="multiadd"
ref={el => ref={el =>
...@@ -832,14 +838,25 @@ class ListManagement extends React.Component { ...@@ -832,14 +838,25 @@ class ListManagement extends React.Component {
} }
onChange={e => { onChange={e => {
this.validate_accounts_to_add( this.validate_accounts_to_add(
e.target.value e.target
.value
); );
}} }}
/> />
</center>
</td> </td>
</tr>
<td style={{ width: '25%' }}> <tr>
{this.state.validated_accounts <td
style={{
width: '60%',
whiteSpace: 'nowrap',
}}
>
<center>
{this.state
.validated_accounts
.length > 0 && ( .length > 0 && (
<span <span
className="button slim hollow secondary" className="button slim hollow secondary"
...@@ -851,10 +868,26 @@ class ListManagement extends React.Component { ...@@ -851,10 +868,26 @@ class ListManagement extends React.Component {
{button_text} {button_text}
</span> </span>
)} )}
</center>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
{this.state.unmatched_accounts.length >
0 && (
<div style={{ color: 'red' }}>
<b>
{tt(
'list_management_jsx.unknown_accounts'
)}{' '}
{this.state.unmatched_accounts.join(
', '
)}
</b>
</div>
)}
</center>
</div> </div>
)} )}
...@@ -905,14 +938,6 @@ class ListManagement extends React.Component { ...@@ -905,14 +938,6 @@ class ListManagement extends React.Component {
: reset_all_button_text} : reset_all_button_text}
</span> </span>
{this.state.unmatched_accounts.length > 0 && (
<div style={{ color: 'red' }}>
<b>
{tt('list_management_jsx.unknown_accounts')}{' '}
{this.state.unmatched_accounts.join(', ')}
</b>
</div>
)}
{this.state.updates_are_pending && ( {this.state.updates_are_pending && (
<div style={{ color: 'red' }}> <div style={{ color: 'red' }}>
<b> <b>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment