Fix overflow and ensure visibility of action buttons in WidgetHeader …

…component (#78)
dashpresshq · Jun 25, 2024 · b2b05af · b2b05af
1 parent b895aa8
commit b2b05af
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx b/src/frontend/views/Dashboard/Widget/_components/WidgetHeader/index.tsx
@@ -35,13 +35,15 @@ export function WidgetHeader({
 
   return (
     <div className="flex justify-between items-start w-full">
-      <div className="flex flex-1 w-full gap-2">
+       <div className="flex flex-1 items-center overflow-hidden w-full gap-2">
         {setting && (
           <SortableKnob>
             <GrabIcon width={18} />
           </SortableKnob>
         )}
-        <p className="truncate w-[calc(100%-1px)]">{title} TODO</p>
+          <p className="truncate max-w-[calc(100%-5px)] w-full ">
+          {title} TODO DONE
+        </p>
       </div>
       {setting ? (
         <ActionButtons