Koenig - Avoid word count overlap with content

refs TryGhost/Ghost#9724
- display word count/reading time in the top-left when the opaque top bar is present otherwise use the bottom-right

Author: kevinansfield

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}}