Merge pull request #569 from FalkorDB/fix-labels

Fix #568 fix labels alignment and pointer events
FalkorDB · Dec 9, 2024 · e6b08b7 · e6b08b7
2 parents f88da00 + 547a271
commit e6b08b7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/graph/labels.tsx b/app/graph/labels.tsx
@@ -43,12 +43,12 @@ export default function Labels({ graph, categories, onClick, label, className =
                         onClick={() => handelScroll(-200)}
                     />
                 }
-                <ul ref={listRef} className={cn("flex flex-col gap-4 w-full overflow-auto hide-scrollbar", label === "RelationshipTypes" && "items-end")}>
+                <ul ref={listRef} className={cn("flex flex-col gap-4 w-full overflow-auto hide-scrollbar")}>
                     {
                         categories.map((category) => (
-                            <li key={category.index} className="pointer-events-auto">
+                            <li key={category.index}>
                                 <Button
-                                    className={cn(category.name && "flex gap-2 items-center")}
+                                className={cn(category.name && "flex gap-2 items-center pointer-events-auto")}
                                     label={category.name}
                                     icon={
                                         <div style={{ backgroundColor: `${graph.getCategoryColorValue(category.index)}` }} className={cn("w-6 h-6 rounded-full", label === "RelationshipTypes" && "opacity-50")} />
@@ -65,7 +65,7 @@ export default function Labels({ graph, categories, onClick, label, className =
                 {
                     isScrollable &&
                     <Button
-                    className="pointer-events-auto"
+                        className="pointer-events-auto"
                         icon={<ChevronDown />}
                         title="Scroll down"
                         onClick={() => handelScroll(200)}