Merge pull request #10985 from captain-Akshay/captain/fullv2

responsive v1
meshery · May 17, 2024 · d69f67c · d69f67c
2 parents 459b41c + 21e7c09
commit d69f67c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/ui/components/Navigator.js b/ui/components/Navigator.js
@@ -1397,7 +1397,7 @@ class Navigator extends React.Component {
           classes={{
             paper: isDrawerCollapsed ? classes.sidebarCollapsed : classes.sidebarExpanded,
           }}
-          style={{ width: 'inherit' }}
+          style={{ height: '100%' }}
         >
           {Title}
           {Menu}

diff --git a/ui/pages/_app.js b/ui/pages/_app.js
@@ -614,6 +614,7 @@ class MesheryApp extends App {
                     <nav
                       className={isDrawerCollapsed ? classes.drawerCollapsed : classes.drawer}
                       data-test="navigation"
+                      style={{ height: '100%', overflow: 'visible' }}
                     >
                       <Hidden smUp implementation="js">
                         <Navigator

diff --git a/ui/themes/app.js b/ui/themes/app.js
@@ -591,6 +591,7 @@ export const styles = (theme) => ({
   root: {
     display: 'flex',
     minHeight: '100vh',
+    height: '100vh',
   },
   drawer: {
     [theme.breakpoints.up('sm')]: {
@@ -601,14 +602,21 @@ export const styles = (theme) => ({
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,
     }),
+    '& > div:first-child': {
+      height: 'inherit',
+      width: 'inherit',
+    },
   },
   drawerCollapsed: {
     [theme.breakpoints.up('sm')]: { width: theme.spacing(8.4) + 1 },
     transition: theme.transitions.create('width', {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.leavingScreen,
     }),
-    overflowX: 'hidden',
+    '& > div:first-child': {
+      height: 'inherit',
+      width: 'inherit',
+    },
   },
   appContent: {
     flex: 1,