diff --git a/frontend/components/Layout/Layout.js b/frontend/components/Layout/Layout.js
index b22c3eae..9679eb83 100644
--- a/frontend/components/Layout/Layout.js
+++ b/frontend/components/Layout/Layout.js
@@ -69,9 +69,13 @@ type Props = {
}
@keydown('e')
- goToEdit() {
- if (!this.props.documents.active) return;
- this.props.history.push(documentEditUrl(this.props.documents.active));
+ goToEdit(ev) {
+ const activeDocument = this.props.documents.active;
+ if (!activeDocument) return;
+
+ ev.preventDefault();
+ ev.stopPropagation();
+ this.props.history.push(documentEditUrl(activeDocument));
}
handleLogout = () => {
diff --git a/frontend/components/Layout/components/HeaderAction/HeaderAction.scss b/frontend/components/Layout/components/HeaderAction/HeaderAction.scss
index 5e7bbec4..cc501390 100644
--- a/frontend/components/Layout/components/HeaderAction/HeaderAction.scss
+++ b/frontend/components/Layout/components/HeaderAction/HeaderAction.scss
@@ -2,7 +2,6 @@
display: flex;
justify-content: center;
align-items: center;
- cursor: pointer;
min-height: 43px;
padding: 0 0.5rem;
diff --git a/frontend/components/Layout/components/SaveAction/SaveAction.js b/frontend/components/Layout/components/SaveAction/SaveAction.js
index ff307acb..f33cfec4 100644
--- a/frontend/components/Layout/components/SaveAction/SaveAction.js
+++ b/frontend/components/Layout/components/SaveAction/SaveAction.js
@@ -26,10 +26,9 @@ class SaveAction extends React.Component {
return (
{showCheckmark && }
{isNew ? 'Publish' : 'Save'}
@@ -41,6 +40,9 @@ class SaveAction extends React.Component {
const Link = styled.a`
display: flex;
align-items: center;
+ opacity: ${props => (props.disabled ? 0.5 : 1)};
+ pointer-events: ${props => (props.disabled ? 'none' : 'auto')};
+ cursor: ${props => (props.disabled ? 'default' : 'pointer')};
`;
const SavedIcon = styled(CheckIcon)`