From 5ca082cd7c2b9aca56182bd3f0632b54c6149865 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <65487235+sanne-san@users.noreply.github.com>
Date: Fri, 1 Sep 2023 11:18:31 +0200
Subject: [PATCH] Added CSS variable to adjust card width when sidebar is open
 (#17919)

Refs https://github.com/TryGhost/Product/issues/3713
---
 ghost/admin/app/components/gh-post-settings-menu.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ghost/admin/app/components/gh-post-settings-menu.js b/ghost/admin/app/components/gh-post-settings-menu.js
index 185cddd927..f3cf059a09 100644
--- a/ghost/admin/app/components/gh-post-settings-menu.js
+++ b/ghost/admin/app/components/gh-post-settings-menu.js
@@ -643,5 +643,6 @@ export default class GhPostSettingsMenu extends Component {
 
     setSidebarWidthVariable(width) {
         document.documentElement.style.setProperty('--editor-sidebar-width', `${width}px`);
+        document.documentElement.style.setProperty('--kg-breakout-adjustment', `${width}px`);
     }
 }