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

closes #1939
outline · Mar 9, 2021 · ab7b16b · ab7b16b
1 parent d8eefc1
commit ab7b16b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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);