fix(SplitPanel): react only to main button

nrkno · Dec 5, 2023 · 56082d3 · 56082d3
1 parent e7965f4
commit 56082d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/apps/client/src/CurrentRundown/CurrentRundown.module.scss b/packages/apps/client/src/CurrentRundown/CurrentRundown.module.scss
@@ -1,9 +1,9 @@
 .SegmentLineList {
 	display: grid;
-	grid-template-columns: 1fr 4em 6em 2fr 5fr 1fr 1fr;
+	grid-template-columns: 1fr 3em 4em 2fr 5fr 1fr 1fr;
 	padding: 0;
 	margin: 0;
-	--table-gap-size: 1px;
+	--table-gap-size: 2px;
 	gap: var(--table-gap-size);
 }
 
@@ -41,6 +41,8 @@
 
 .LineItem {
 	background: var(--color-dark-2);
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 .LineIdentifier {

diff --git a/packages/apps/client/src/components/SplitPanel/SplitPanel.tsx b/packages/apps/client/src/components/SplitPanel/SplitPanel.tsx
@@ -25,6 +25,7 @@ export function SplitPanel({
 	const defaultedPosition = position ?? 0.5
 
 	function onMouseDown(e: React.MouseEvent) {
+		if (e.button !== 0) return
 		setIsResizing(true)
 		beginCoords.current = { x: e.clientX, y: e.clientY }
 		contRect.current = container.current?.getBoundingClientRect() ?? null
@@ -57,6 +58,7 @@ export function SplitPanel({
 		}
 
 		function onMouseUp(e: MouseEvent) {
+			if (e.button !== 0) return
 			setIsResizing(false)
 		}