Stop compound prop label being shifted when it's too long

Fixed it by removing the fixed width. This is unnecessary since there's no value on the ribght to accommodate.
ehtick · Jan 22, 2023 · 2efd9e9 · 2efd9e9
1 parent 41fb7de
commit 2efd9e9
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/theatre/core/src/propTypes/index.ts b/theatre/core/src/propTypes/index.ts
@@ -734,7 +734,6 @@ const defaultNumberNudgeFn: NumberNudgeFn = ({
   magnitude,
 }) => {
   const {range} = config
-  console.log(deltaX, deltaFraction, config)
 
   if (
     !config.nudgeMultiplier &&

diff --git a/...e/studio/src/panels/DetailPanel/DeterminePropEditorForDetail/DetailCompoundPropEditor.tsx b/...e/studio/src/panels/DetailPanel/DeterminePropEditorForDetail/DetailCompoundPropEditor.tsx
@@ -50,7 +50,6 @@ const Padding = styled.div`
   padding-left: ${rowIndentationFormulaCSS};
   display: flex;
   align-items: center;
-  width: calc(100% - var(--right-width));
 `
 
 const PropName = deriver(styled.div<{isHighlighted: PropHighlighted}>`
@@ -179,13 +178,11 @@ function DetailCompoundPropEditor<
     if (!collapsedMap.has(globalPointerPath)) {
       collapsedMap.set(globalPointerPath, new Atom(isVectorProp(propConfig)))
     }
-  }, [])
+  }, [globalPointerPath, propConfig])
 
   const box = collapsedMap.get(globalPointerPath)
 
   const isCollapsed = usePrism(() => {
-    const box = collapsedMap.get(globalPointerPath)
-
     return box ? val(box.pointer) : isVectorProp(propConfig)
   }, [box])