From cf572e35081dfe4e4858baf2a2298b50f196b0de Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Fri, 15 Jun 2018 10:29:10 +0100
Subject: [PATCH] Koenig - Fix misaligned toolbar arrow in Night Shift

refs https://github.com/TryGhost/Ghost/issues/9623
---
 .../koenig-editor/addon/components/koenig-toolbar.js  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-toolbar.js b/ghost/admin/lib/koenig-editor/addon/components/koenig-toolbar.js
index 0259cf61ea..5968b358b3 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-toolbar.js
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-toolbar.js
@@ -278,17 +278,22 @@ export default Component.extend({
         // style is by adding a style element to the head
         this._removeStyleElement(); // reset to base styles
         if (tickPosition !== 50) {
-            this._addStyleElement(`left: calc(${tickPosition}% - ${TICK_ADJUSTMENT}px)`);
+            this._addStyleElement(tickPosition);
         }
 
         // update the toolbar position
         this.setProperties(newPosition);
     },
 
-    _addStyleElement(styles) {
+    _addStyleElement(tickPosition) {
+        let beforeStyle = `left: calc(${tickPosition}% - ${TICK_ADJUSTMENT + 2}px);`;
+        let afterStyle = `left: calc(${tickPosition}% - ${TICK_ADJUSTMENT}px);`;
         let styleElement = document.createElement('style');
         styleElement.id = `${this.elementId}-style`;
-        styleElement.innerHTML = `#${this.elementId} > ul:after { ${styles} }`;
+        styleElement.innerHTML = `
+            #${this.elementId} > ul:before { ${beforeStyle} }
+            #${this.elementId} > ul:after { ${afterStyle} }
+        `;
         document.head.appendChild(styleElement);
     },