fix: Overflowing loader in issue edit modal (#4720)

makeplane · Jun 6, 2024 · 9af9268 · 9af9268
1 parent c18a6a9
commit 9af9268
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/web/components/issues/issue-modal/form.tsx b/web/components/issues/issue-modal/form.tsx
@@ -413,9 +413,9 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
               />
               <span className="text-xs text-red-500">{errors?.name?.message}</span>
             </div>
-            <div className="border-[0.5px] border-custom-border-200 rounded-lg">
+            <div className="border-[0.5px] border-custom-border-200 rounded-lg relative">
               {data?.description_html === undefined ? (
-                <Loader className="min-h-[7rem] space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-2 py-2">
+                <Loader className="min-h-[150px] max-h-64 space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-3 py-2 pt-3">
                   <Loader.Item width="100%" height="26px" />
                   <div className="flex items-center gap-2">
                     <Loader.Item width="26px" height="26px" />
@@ -429,7 +429,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
                   <div className="flex items-center gap-2">
                     <Loader.Item width="50%" height="26px" />
                   </div>
-                  <div className="border-0.5 absolute bottom-3.5 right-3.5 z-10 flex items-center gap-2">
+                  <div className="border-0.5 absolute bottom-2 right-3.5 z-10 flex items-center gap-2">
                     <Loader.Item width="100px" height="26px" />
                     <Loader.Item width="50px" height="26px" />
                   </div>