Made default and editing states the same height

refs TryGhost/Product#2067
TryGhost · Oct 20, 2022 · 0172fd3 · 0172fd3
1 parent b14b743
commit 0172fd3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/ghost/admin/app/components/posts/links-table.hbs b/ghost/admin/app/components/posts/links-table.hbs
@@ -18,7 +18,7 @@
             </div>
         </div>
         {{#each this.visibleLinks as |link|}}
-            <div class="gh-links-list-item">
+            <div class="gh-links-list-item {{if (eq this.editingLink link.link.link_id) "gh-links-list-item-edit-mode"}}">
                 {{#if (feature "fixNewsletterLinks")}}
                 <div class="gh-links-list-url">
                     {{#if (eq this.editingLink link.link.link_id)}}

diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
@@ -985,6 +985,7 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
 .gh-links-list-item {
     display: grid;
     grid-template-columns: auto minmax(min-content,max-content);
+    align-items: center;
     padding: 1.6rem 0;
     border-bottom: 1px solid var(--whitegrey);
     font-size: 1.4rem;
@@ -1032,6 +1033,10 @@ a.gh-post-list-signups.active:hover > span, a.gh-post-list-conversions.active:ho
     color: var(--midgrey-d2);
 }
 
+.gh-links-list-item-edit-mode {
+    padding: 1rem 0;
+}
+
 .gh-links-list-item-edit span {
     padding: 0 10px;
     height: 24px;