From 94b7e02b545f601ef0a89be5b0e09dc3ab1596d2 Mon Sep 17 00:00:00 2001 From: Madhura Sawant Date: Sun, 15 Oct 2023 13:15:13 +0530 Subject: [PATCH 1/2] fix: edit mode for fragment title aligned properly --- src/routes/edit/edit-header.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/routes/edit/edit-header.tsx b/src/routes/edit/edit-header.tsx index b1d437c4c..98eedef6f 100644 --- a/src/routes/edit/edit-header.tsx +++ b/src/routes/edit/edit-header.tsx @@ -38,7 +38,9 @@ const editHeader = css` flex-flow: column; } .title-subheading { - display: inline-flex; + display: flex; + align-items: center; + .cds--inline-loading { width: auto; position: relative; @@ -59,11 +61,20 @@ const editHeader = css` line-height: 2rem; float: left; + display: flex; + align-items: center; + transition: max-height 0.3s ease; } + .fragment-title input { + max-height: 30px; /* Set the initial max-height of the input */ + transition: max-height 0.3s ease; + } + .fragment-edit { margin-top: 6px; cursor: pointer; } + } // This is the viewport width that causes the loading and From fb3ab75f9c8bf62bc3d44b6b8f455594739f2188 Mon Sep 17 00:00:00 2001 From: Madhura Sawant Date: Sun, 15 Oct 2023 16:40:23 +0530 Subject: [PATCH 2/2] fix: unnecessary css removed --- src/routes/edit/edit-header.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/edit/edit-header.tsx b/src/routes/edit/edit-header.tsx index 98eedef6f..12e51cf2d 100644 --- a/src/routes/edit/edit-header.tsx +++ b/src/routes/edit/edit-header.tsx @@ -66,7 +66,7 @@ const editHeader = css` transition: max-height 0.3s ease; } .fragment-title input { - max-height: 30px; /* Set the initial max-height of the input */ + max-height: 30px; transition: max-height 0.3s ease; }