From 4e4452f0ad0326b84d2234cfd6483d0691053a63 Mon Sep 17 00:00:00 2001 From: Aria Minaei Date: Fri, 16 Jul 2021 10:09:08 +0200 Subject: [PATCH] Visual indicator for when number editor is being scrubbed --- theatre/studio/src/uiComponents/form/BasicNumberInput.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx index 93e8597..a20dba6 100644 --- a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx +++ b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx @@ -7,7 +7,7 @@ import DraggableArea from '@theatre/studio/uiComponents/DraggableArea' type IMode = IState['mode'] -const Container = styled.div<{mode: IMode}>` +const Container = styled.div` height: 100%; width: 100%; ` @@ -26,7 +26,8 @@ const Input = styled.input` border-radius: 2px; &:hover, - &:focus { + &:focus, + ${Container}.dragging > & { background: ${darken(0.9, theme.panel.bg)}; border: 1px solid ${lighten(0.1, theme.panel.bg)}; } @@ -238,7 +239,7 @@ const BasicNumberInput: React.FC<{ ) return ( - +