From 2ea3de4b497d83f66c125386ed8bd74cd725ac19 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Mon, 23 Jul 2018 12:19:45 +0100
Subject: [PATCH] Koenig - Avoid word count overlap with content

refs https://github.com/TryGhost/Ghost/issues/9724
- display word count/reading time in the top-left when the opaque top bar is present otherwise use the bottom-right
---
 ghost/admin/app/templates/editor.hbs | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/templates/editor.hbs b/ghost/admin/app/templates/editor.hbs
index 7f5b66302f..14c7d8256b 100644
--- a/ghost/admin/app/templates/editor.hbs
+++ b/ghost/admin/app/templates/editor.hbs
@@ -14,7 +14,8 @@
                             isSaving=(or autosave.isRunning saveTasks.isRunning)
                         }}
                     </span>
-                    {{#if wordCount}}
+                    {{!-- editor.headerClass is only set on small screens with opaque tpo bar --}}
+                    {{#if (and editor.headerClass wordCount)}}
                         <span class="pl3 f-small midgrey">
                             {{wordCount.readingTime}} ({{pluralize wordCount.wordCount "word"}})
                         </span>
@@ -184,6 +185,16 @@
             {{/if}}
 
         {{/if}} {{!-- end Koenig conditional --}}
+
+        {{#unless editor.headerClass}}
+            {{#if wordCount}}
+                <div class="absolute right-8 bottom-6">
+                    <span class="pl3 f-small midgrey">
+                        {{wordCount.readingTime}} ({{pluralize wordCount.wordCount "word"}})
+                    </span>
+                </div>
+            {{/if}}
+        {{/unless}}
     {{/gh-editor}}
 
     {{#if showDeletePostModal}}