diff --git a/server/src/pages/shot/editor.js b/server/src/pages/shot/editor.js index 7a1f8b6b4f..b7421506e8 100644 --- a/server/src/pages/shot/editor.js +++ b/server/src/pages/shot/editor.js @@ -106,7 +106,7 @@ exports.Editor = class Editor extends React.Component { tool: "pen", color: activeColor || "#000", size: "5", - saveDisabled: true + actionsDisabled: true }; } @@ -154,10 +154,10 @@ exports.Editor = class Editor extends React.Component {
- + - +
@@ -471,8 +471,8 @@ exports.Editor = class Editor extends React.Component { onClickSave() { this.loader = this.renderShotsLoading(); - const saveDisabled = true; - this.setState({saveDisabled}); + const actionsDisabled = true; + this.setState({actionsDisabled}); let dataUrl = this.imageCanvas.toDataURL(); if (this.props.pngToJpegCutoff && dataUrl.length > this.props.pngToJpegCutoff) { @@ -509,7 +509,7 @@ exports.Editor = class Editor extends React.Component { const height = this.props.clip.image.dimensions.y; img.onload = () => { imageContext.drawImage(img, 0, 0, width, height); - this.setState({saveDisabled: false}); + this.setState({actionsDisabled: false}); } this.imageContext = imageContext; img.src = this.props.clip.image.url; diff --git a/static/css/frame.scss b/static/css/frame.scss index 2cea6ad89a..b2c7f6f71f 100644 --- a/static/css/frame.scss +++ b/static/css/frame.scss @@ -437,11 +437,9 @@ body { .cancel, .save { min-width: 100px; - } - - .save { &:disabled { opacity: 0.4; + cursor: wait; } }