From 0c92078b0a3d493cd66575c2fefb3b87ed8e84e4 Mon Sep 17 00:00:00 2001
From: Rob Gordon <rob.gordon@tone-row.com>
Date: Sun, 24 Nov 2024 10:40:25 -0500
Subject: [PATCH] Add Isosceles Trapezoid Shape (#761)

---
 app/src/components/GraphTip.tsx    | 1 -
 app/src/lib/graphUtilityClasses.ts | 8 ++++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/src/components/GraphTip.tsx b/app/src/components/GraphTip.tsx
index d3b4979d..1672b5fc 100644
--- a/app/src/components/GraphTip.tsx
+++ b/app/src/components/GraphTip.tsx
@@ -20,7 +20,6 @@ export function GraphTip() {
     <div
       className={`
         absolute top-4 left-4 
-        max-w-[200px]
         text-xs text-gray-500/60 dark:text-gray-400/60
         transition-opacity duration-1000
         ${isFading ? "opacity-0" : "opacity-100"}
diff --git a/app/src/lib/graphUtilityClasses.ts b/app/src/lib/graphUtilityClasses.ts
index 7e502951..8ab4dca0 100644
--- a/app/src/lib/graphUtilityClasses.ts
+++ b/app/src/lib/graphUtilityClasses.ts
@@ -66,6 +66,14 @@ export const childlessShapeClasses: StylesheetCSS[] = shapes.map((shape) => ({
   },
 }));
 
+childlessShapeClasses.push({
+  selector: ":childless.shape_iso-trapezoid",
+  css: {
+    shape: "polygon",
+    "shape-polygon-points": "-1 1  1 1  0.5 -1  -0.5 -1",
+  },
+});
+
 const arrowSuffixes = [
   "triangle",
   "triangle-tee",