Improve options page styling

This commit is contained in:
hensm
2018-12-11 14:07:37 +00:00
parent c7f2be4e2e
commit 363a8d9db6
7 changed files with 223 additions and 122 deletions

View File

@@ -123,17 +123,19 @@ export default class EditableList extends Component {
return (
<div className="editable-list">
<button className="editable-list__view-button"
onClick={ this.handleSwitchView }>
{ this.state.rawView
? _("optionsUserAgentWhitelistBasicView")
: _("optionsUserAgentWhitelistRawView") }
</button>
{ this.state.rawView &&
<button className="editable-list__save-raw-button"
onClick={ this.handleSaveRaw }>
{ _("optionsUserAgentWhitelistSaveRaw") }
</button> }
<div className="editable-list__view-actions">
{ this.state.rawView &&
<button className="editable-list__save-raw-button"
onClick={ this.handleSaveRaw }>
{ _("optionsUserAgentWhitelistSaveRaw") }
</button> }
<button className="editable-list__view-button"
onClick={ this.handleSwitchView }>
{ this.state.rawView
? _("optionsUserAgentWhitelistBasicView")
: _("optionsUserAgentWhitelistRawView") }
</button>
</div>
<hr />
{ do {
if (this.state.rawView) {
@@ -172,4 +174,4 @@ export default class EditableList extends Component {
</div>
);
}
}
}