From b9a35be5179bad8e2abf52b3fae51f14980c963b Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Wed, 3 Mar 2021 14:59:28 +0100
Subject: [PATCH] Fixed facebook description cut-off in edit mode bug

---
 .../app/components/modal-post-preview/social.hbs      |  2 +-
 ghost/admin/app/styles/layouts/post-preview.css       | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/ghost/admin/app/components/modal-post-preview/social.hbs b/ghost/admin/app/components/modal-post-preview/social.hbs
index 7d80c08b61..348d5f2ca7 100644
--- a/ghost/admin/app/components/modal-post-preview/social.hbs
+++ b/ghost/admin/app/components/modal-post-preview/social.hbs
@@ -62,7 +62,7 @@
 
                     <div class="gh-social-og-preview-bookmark">
                         {{!-- Ensures description is hidden if title exceeds one line --}}
-                        <div class="gh-social-og-preview-content">
+                        <div class="gh-social-og-preview-content {{if this.editingFacebookTitle 'edit-mode'}} {{if this.editingFacebookDescription 'edit-mode'}}">
                             <div class="gh-social-og-preview-meta">
                                 {{this.config.blogDomain}}
                             </div>
diff --git a/ghost/admin/app/styles/layouts/post-preview.css b/ghost/admin/app/styles/layouts/post-preview.css
index 88ac01bb1e..9acbfd7395 100644
--- a/ghost/admin/app/styles/layouts/post-preview.css
+++ b/ghost/admin/app/styles/layouts/post-preview.css
@@ -292,13 +292,20 @@
 }
 
 .gh-social-og-preview-bookmark {
-    padding: 10px 12px;
+    padding: 10px 12px 8px;
     border-bottom: 1px solid #dddfe2;
 }
 
 .gh-social-og-preview-content {
-    height: 66px;
+    height: 69px;
     overflow: hidden;
+    margin: 0 -1px 0 -4px;
+    padding: 0 1px 0 4px;
+}
+
+.gh-social-og-preview-content.edit-mode {
+    height: auto;
+    overflow-y: visible;
 }
 
 .gh-social-og-preview-meta {