diff --git a/src/components/paint-editor/paint-editor.css b/src/components/paint-editor/paint-editor.css index a6489d96..b4346791 100644 --- a/src/components/paint-editor/paint-editor.css +++ b/src/components/paint-editor/paint-editor.css @@ -49,11 +49,19 @@ $border-radius: 0.25rem; } .button-group-button:first-of-type { - border-left: 1px solid #ddd; + border-left: 1px solid $ui-pane-border; border-top-left-radius: $border-radius; border-bottom-left-radius: $border-radius; } +.button-group-button.mod-left-border { + border-left: 1px solid $ui-pane-border; +} + +.button-group-button.mod-no-right-border { + border-right: none; +} + .button-group-button-icon { width: 1.25rem; height: 1.25rem; diff --git a/src/components/paint-editor/paint-editor.jsx b/src/components/paint-editor/paint-editor.jsx index dd173e0c..0ba6ca69 100644 --- a/src/components/paint-editor/paint-editor.jsx +++ b/src/components/paint-editor/paint-editor.jsx @@ -61,6 +61,9 @@ class PaintEditorComponent extends React.Component { this.setState({canvas: canvas}); } render () { + const redoDisabled = !this.props.canRedo(); + const undoDisabled = !this.props.canUndo(); + return (
{this.state.canvas ? ( @@ -82,8 +85,15 @@ class PaintEditorComponent extends React.Component {