Koenig - Made full width images work with closed sidebar (#1014)

refs TryGhost/Ghost#9505 - use `ui` service to adjust full-width image styles then the side nav is open
TryGhost · May 8, 2018 · d7b096b · d7b096b
1 parent 50bf7b2
commit d7b096b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/lib/koenig-editor/addon/components/koenig-card-image.js b/lib/koenig-editor/addon/components/koenig-card-image.js
@@ -8,9 +8,11 @@ import {
 import {computed} from '@ember/object';
 import {htmlSafe} from '@ember/string';
 import {run} from '@ember/runloop';
+import {inject as service} from '@ember/service';
 import {set} from '@ember/object';
 
 export default Component.extend({
+    ui: service(),
     layout,
 
     // attrs

diff --git a/lib/koenig-editor/addon/templates/components/koenig-card-image.hbs b/lib/koenig-editor/addon/templates/components/koenig-card-image.hbs
@@ -20,7 +20,7 @@
     }}
         <div class="relative">
             {{#if (or previewSrc payload.src)}}
-                <img src={{or previewSrc payload.src}} class={{kg-style kgImgStyle}} alt={{payload.alt}}>
+                <img src={{or previewSrc payload.src}} class="{{kg-style kgImgStyle sidebar=ui.hasSideNav}}" alt={{payload.alt}}>
             {{/if}}
 
             {{#if (or uploader.errors uploader.isUploading (not payload.src))}}