fix: Centered document title moves when saving (#1943)

closes #1939
2021-03-10 01:51:29 +05:30
parent d8eefc1972
commit ab7b16bbb9
1 changed files with 3 additions and 2 deletions
--- a/app/scenes/Document/components/Header.js
+++ b/app/scenes/Document/components/Header.js
@@ -138,9 +138,9 @@ function DocumentHeader({
        }
        actions={
          <>
-            {isSaving && !isPublishing && (
+            {!isPublishing && (
              <Action>
-                <Status>{t("Saving")}…</Status>
+                <Status isSaving={isSaving}>{t("Saving")}…</Status>
              </Action>
            )}
            &nbsp;
@@ -301,6 +301,7 @@ function DocumentHeader({

 const Status = styled.div`
  color: ${(props) => props.theme.slate};
+  visibility: ${(props) => (props.isSaving ? "visible" : "hidden")};
 `;

 export default observer(DocumentHeader);