From fc29e455c9583077910bc9aca798025cefe1c95d Mon Sep 17 00:00:00 2001
From: Nar -- <28705606+finnar-bin@users.noreply.github.com>
Date: Thu, 12 Sep 2024 08:26:36 +0800
Subject: [PATCH] [Content] Prevent head tags tab height overflow (#2952)

Fixes #2929


![image](https://github.com/user-attachments/assets/d179c04e-5bf4-4c84-b11f-7c63eae7a0dd)
---
 .../src/app/views/ItemEdit/ItemHead/ItemHead.less              | 1 +
 src/shell/components/Head/Head.less                            | 3 ++-
 src/shell/components/Head/Preview/Preview.less                 | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/apps/content-editor/src/app/views/ItemEdit/ItemHead/ItemHead.less b/src/apps/content-editor/src/app/views/ItemEdit/ItemHead/ItemHead.less
index 56a1012a2f..b9501ddb2c 100644
--- a/src/apps/content-editor/src/app/views/ItemEdit/ItemHead/ItemHead.less
+++ b/src/apps/content-editor/src/app/views/ItemEdit/ItemHead/ItemHead.less
@@ -5,6 +5,7 @@
   flex: 1;
   overflow: scroll;
   background-color: #f9fafb;
+  height: 100%;
 
   //   .Head {
   //     display: flex;
diff --git a/src/shell/components/Head/Head.less b/src/shell/components/Head/Head.less
index 92c16a8803..b58ab408d2 100644
--- a/src/shell/components/Head/Head.less
+++ b/src/shell/components/Head/Head.less
@@ -2,12 +2,13 @@
 @import "~@zesty-io/core/typography.less";
 
 .Head {
+  height: 100%;
   display: flex;
   flex-direction: column-reverse;
   display: grid;
   grid-template-columns: minmax(400px, 1fr) 1fr;
   .Tags {
-    height: calc(100vh - 54px);
+    height: 100%;
     overflow-y: scroll;
     margin-left: 16px;
   }
diff --git a/src/shell/components/Head/Preview/Preview.less b/src/shell/components/Head/Preview/Preview.less
index a50a626fad..8218cdb6ca 100644
--- a/src/shell/components/Head/Preview/Preview.less
+++ b/src/shell/components/Head/Preview/Preview.less
@@ -3,6 +3,7 @@
   overflow: scroll;
 
   .TagPreview {
+    height: 100%;
     font-size: 14px;
     font-family: "Courier New", Courier, monospace;
     padding: 16px;