[Content] Prevent head tags tab height overflow (#2952)

Fixes #2929 ![image](https://github.com/user-attachments/assets/d179c04e-5bf4-4c84-b11f-7c63eae7a0dd)
zesty-io · Sep 12, 2024 · fc29e45 · fc29e45
1 parent d714d8a
commit fc29e45
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -3,6 +3,7 @@
   overflow: scroll;
 
   .TagPreview {
+    height: 100%;
     font-size: 14px;
     font-family: "Courier New", Courier, monospace;
     padding: 16px;