fix properties cropped window (#354)

bldrs-ai · Aug 30, 2022 · eae7c36 · eae7c36
1 parent 02dc875
commit eae7c36
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/src/Components/ItemProperties.jsx b/src/Components/ItemProperties.jsx
@@ -422,9 +422,11 @@ const useStyles = makeStyles((theme) => ({
   psetsList: {
     padding: '0px',
     margin: 0,
-    height: '370px',
+    minHeight: '370px',
+    height: '100%',
     overflow: 'scroll',
     width: '100%',
+    flexGrow: 1,
   },
   section: {
     'listStyle': 'none',

diff --git a/src/Components/SideDrawer.jsx b/src/Components/SideDrawer.jsx
@@ -162,7 +162,7 @@ const useStyles = makeStyles((props) => (preprocessMediaQuery(MOBILE_WIDTH, {
     },
   },
   content: {
-    'overflow': 'hidden',
+    'overflow': 'scroll',
     'height': '95%',
     'marginTop': '20px',
     'display': 'flex',
@@ -187,7 +187,7 @@ const useStyles = makeStyles((props) => (preprocessMediaQuery(MOBILE_WIDTH, {
     borderRadius: '5px',
     overflow: 'hidden',
     display: (p) => p.isPropertiesOn ? '' : 'none',
-    height: (p) => p.isCommentsOn ? '50%' : '1200px',
+    height: (p) => p.isCommentsOn ? '50%' : '98%',
   },
   divider: {
     height: '1px',

diff --git a/src/Components/SideDrawerPanels.jsx b/src/Components/SideDrawerPanels.jsx
@@ -50,8 +50,9 @@ export function PropertiesPanel() {
           />
         }
       />
-      <div className={classes.contentContainer}>
-        {selectedElement && <ItemProperties/>}
+      <div className={classes.contentContainerProperties}>
+        {selectedElement ? <ItemProperties/> : null}
+
       </div>
     </>
   )
@@ -63,7 +64,7 @@ export const NotesPanel = () => {
   return (
     <>
       <IssuesNavBar/>
-      <div className={classes.contentContainer}>
+      <div className={classes.contentContainerNotes}>
         <Issues/>
       </div>
     </>
@@ -90,14 +91,22 @@ const useStyles = makeStyles((theme) => ({
     paddingLeft: '2px',
     alignItems: 'center',
   },
-  contentContainer: {
+  contentContainerProperties: {
     marginTop: '4px',
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
     height: '100%',
     overflow: 'scroll',
   },
+  contentContainerNotes: {
+    marginTop: '4px',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    height: '100%',
+    overflow: 'auto',
+  },
   controls: {
     height: '100%',
     display: 'flex',