diff --git a/packages/apps/client/src/CurrentRundown/CurrentRundown.module.scss b/packages/apps/client/src/CurrentRundown/CurrentRundown.module.scss index cd26092..37f0d18 100644 --- 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 index b54a96a..0512539 100644 --- 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) }