More compact param panel, vertical scrolling

sgenoud · Jan 3, 2024 · e758082 · e758082
1 parent 963892c
commit e758082
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/studio/src/components/FloatingInfo.jsx b/packages/studio/src/components/FloatingInfo.jsx
@@ -9,7 +9,8 @@ export const InfoTopRight = styled.div`
   max-width: 300px;
   padding: 10px;
   border-radius: 10px;
-  height: auto;
+  max-height: calc(100% - 5em);
+  overflow-y: auto;
 
   ${(props) =>
     props.noBg ? "" : `background-color: white; border: 1px solid lightgrey;`}

diff --git a/packages/studio/src/visualiser/editor/ParamsEditor.jsx b/packages/studio/src/visualiser/editor/ParamsEditor.jsx
@@ -46,7 +46,6 @@ export default observer(function ParamsEditor({
       fill
       flat
       hideCopyButton
-      oneLineLabels
       titleBar={false}
       hidden={hidden}
       theme={{
@@ -65,6 +64,9 @@ export default observer(function ParamsEditor({
 
           vivid1: "red",
         },
+        sizes: {
+          controlWidth: "80px"
+        }
       }}
     />
   );