Fix jumpy action buttons in the editor panel

statelyai · Jul 14, 2021 · a59c7e0 · a59c7e0
1 parent 512bc48
commit a59c7e0
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -95,7 +95,7 @@ function App() {
                 </TabList>
 
                 <TabPanels overflow="hidden">
-                  <TabPanel padding={0}>
+                  <TabPanel padding={0} height="100%">
                     {sourceState.matches({
                       with_source: 'loading_content',
                     }) && (

diff --git a/src/EditorPanel.scss b/src/EditorPanel.scss
@@ -1,9 +1,5 @@
 [data-panel='editor'] {
-  max-height: 100vh;
+  height: 100%;
   display: grid;
   grid-template-rows: 1fr 3rem;
 }
-
-.vscode-editor {
-  height: 75vh; // TODO: figure out how to do this in Chakra
-}
diff --git a/src/EditorWithXStateImports.tsx b/src/EditorWithXStateImports.tsx
@@ -18,7 +18,6 @@ export const EditorWithXStateImports = (
       defaultLanguage="typescript"
       defaultValue={props.defaultValue}
       theme="vs-dark"
-      className="vscode-editor"
       options={{ readOnly: props.readonly }}
       loading={<SpinnerWithText text="Preparing the editor" />}
       onChange={(text) => {