Add Isosceles Trapezoid Shape (#761)

tone-row · Nov 24, 2024 · 0c92078 · 0c92078
1 parent dbec45a
commit 0c92078
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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",