loop selection working + fix #1

1 files changed, 4 insertions, 2 deletions

diff --git a/components/selection.tsx b/components/selection.tsx
index 4be9767..618d854 100644
--- a/components/selection.tsx
+++ b/components/selection.tsx
@@ -90,14 +90,16 @@ export default function Selection(props: {
 	right?: slideTypes;
 	className?: string;
 	widthOffset?: number;
+	visibility?: number;
 }) {
-	var small = (props.width + props.widthOffset) < 24 || props.height < 24 || !props.left || !props.right;
+	var small = !props.left || !props.right;
 	return <div
-		className={'selection ' + props.className}
+		className={'selection ' + (props.className || '')}
 		style={{
 			width: `calc(var(--zoom) * ${props.frameWidth} * 1px + 12px + ${props.widthOffset} * 1px)`,
 			height: props.height,
 			'--corner-size': small ? '6px' : '12px',
+			'--visibility': props.visibility,
 		} as CSSProperties}
 	>
 		<div className='background fill left posabs dispinbl l0' />