From 843561267bdbe5baa4f88fece20c209ef009122e Mon Sep 17 00:00:00 2001
From: Rizky <rizky@avolut.com>
Date: Sat, 10 Aug 2024 14:30:10 +0700
Subject: [PATCH] fix

---
 .../nova/ed/panel/side/prop-instance/prop-option.tsx  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/web/src/nova/ed/panel/side/prop-instance/prop-option.tsx b/app/web/src/nova/ed/panel/side/prop-instance/prop-option.tsx
index fa0d3846..ffc533b5 100644
--- a/app/web/src/nova/ed/panel/side/prop-instance/prop-option.tsx
+++ b/app/web/src/nova/ed/panel/side/prop-instance/prop-option.tsx
@@ -9,6 +9,7 @@ import { EdPropLabel } from "./prop-label";
 import { ChevronDown } from "../../tree/node/item/indent";
 import { Popover } from "../../../../../utils/ui/popover";
 import { propInstanceOnChange } from "./on-change";
+import { Tooltip } from "../../../../../utils/ui/tooltip";
 
 type MetaOption = {
   label: string;
@@ -529,7 +530,15 @@ const SingleCheckbox = ({
         }}
       >
         {!is_check ? unchecked : checked}
-        <div className="flex-1">{item.label}</div>
+        <div className="flex-1">
+          {item.label.length > 15 ? (
+            <Tooltip content={item.label}>
+              {item.label.substring(0, 15) + "..."}
+            </Tooltip>
+          ) : (
+            item.label
+          )}
+        </div>
         <div
           className={cx(css`
             padding-left: 10px;