From c020e4488f6a35865a5c03cea9cfae2c75a1abdb Mon Sep 17 00:00:00 2001
From: Christian Oertel <christian.oertel@tngtech.com>
Date: Fri, 19 Jan 2024 15:10:51 +0100
Subject: [PATCH] Fix variable heights

Signed-off-by: Christian Oertel <christian.oertel@tngtech.com>
---
 .../ScenarioOverview/ScenarioOverview.tsx     | 104 +++++++++---------
 .../Scenarios/SingleScenarioView.tsx          |  16 +--
 2 files changed, 60 insertions(+), 60 deletions(-)

diff --git a/new/src/components/ScenarioOverview/ScenarioOverview.tsx b/new/src/components/ScenarioOverview/ScenarioOverview.tsx
index 1e539eeb..d6895110 100644
--- a/new/src/components/ScenarioOverview/ScenarioOverview.tsx
+++ b/new/src/components/ScenarioOverview/ScenarioOverview.tsx
@@ -4,7 +4,7 @@ import {
     Breadcrumbs,
     Button,
     Divider,
-    Drawer,
+    //Drawer,
     Grid,
     Link,
     List,
@@ -44,14 +44,14 @@ interface Headers {
     belowHeader?: string;
 }
 
-const StyledDrawer = styled(Drawer)({
-    width: 240,
-    flexShrink: 0,
-    '& .MuiDrawer-paper': {
-        width: 240,
-        backgroundColor: "rgba(250,250,250,255)"
-    },
-});
+// const StyledDrawer = styled(Drawer)({
+//     width: 240,
+//     flexShrink: 0,
+//     '& .MuiDrawer-paper': {
+//         width: 240,
+//         backgroundColor: "rgba(250,250,250,255)"
+//     },
+// });
 
 const Content = styled('div')(({ theme }) => ({
     flexGrow: 1,
@@ -88,49 +88,49 @@ export function ScenarioOverview(props: ScenarioOverviewProps) {
     );
 }
 
-export function MenuBar() {
-    return(
-        <StyledDrawer variant="permanent">
-            <List>
-                <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-                    <ListItemText primary={<Typography variant="h6">SUMMARY</Typography>} />
-                </ListItem>
-                <List>
-                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-                        <ListItemText primary={
-                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-                                All Scenarios
-                            </Link>}
-                        />
-                    </ListItem>
-                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-                        <ListItemText primary={
-                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-                                Failed Scenarios
-                            </Link>}
-                        />
-                    </ListItem>
-                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-                        <ListItemText primary={
-                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-                                Pending Scenarios
-                            </Link>}
-                        />
-                    </ListItem>
-                </List>
-                <ListItem>
-                    <ListItemText primary={<Typography variant="h6">TAGS</Typography>} />
-                </ListItem>
-                <ListItem>
-                    <ListItemText primary={<Typography variant="h6">CLASSES</Typography>} />
-                </ListItem>
-                <ListItem>
-                    <ListItemText primary={<Typography variant="h6">BOOKMARKS</Typography>} />
-                </ListItem>
-            </List>
-        </StyledDrawer>
-    )
-}
+// export function MenuBar() {
+//     return(
+//         <StyledDrawer variant="permanent">
+//             <List>
+//                 <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+//                     <ListItemText primary={<Typography variant="h6">SUMMARY</Typography>} />
+//                 </ListItem>
+//                 <List>
+//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+//                         <ListItemText primary={
+//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+//                                 All Scenarios
+//                             </Link>}
+//                         />
+//                     </ListItem>
+//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+//                         <ListItemText primary={
+//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+//                                 Failed Scenarios
+//                             </Link>}
+//                         />
+//                     </ListItem>
+//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+//                         <ListItemText primary={
+//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+//                                 Pending Scenarios
+//                             </Link>}
+//                         />
+//                     </ListItem>
+//                 </List>
+//                 <ListItem>
+//                     <ListItemText primary={<Typography variant="h6">TAGS</Typography>} />
+//                 </ListItem>
+//                 <ListItem>
+//                     <ListItemText primary={<Typography variant="h6">CLASSES</Typography>} />
+//                 </ListItem>
+//                 <ListItem>
+//                     <ListItemText primary={<Typography variant="h6">BOOKMARKS</Typography>} />
+//                 </ListItem>
+//             </List>
+//         </StyledDrawer>
+//     )
+// }
 
 function ScenarioTitles(props: { headers: Headers }) {
     return (
diff --git a/new/src/components/Scenarios/SingleScenarioView.tsx b/new/src/components/Scenarios/SingleScenarioView.tsx
index 90f37441..9ef3899f 100644
--- a/new/src/components/Scenarios/SingleScenarioView.tsx
+++ b/new/src/components/Scenarios/SingleScenarioView.tsx
@@ -1,5 +1,5 @@
 import { ReportStatistics, ScenarioCaseModel, ScenarioModel } from "../../reportModel";
-import {MenuBar, ScenarioOverview} from "../ScenarioOverview/ScenarioOverview";
+import {/*MenuBar,*/ ScenarioOverview} from "../ScenarioOverview/ScenarioOverview";
 import { Scenario } from "./Scenario";
 import { useState } from "react";
 import {Grid} from "@mui/material";
@@ -9,15 +9,15 @@ export function SingleScenarioView(props: { reportName: string; scenario: Scenar
     return (
         <>
             <Grid container>
-                <Grid item xs={12} md={1}>
-                    <div style={{ height: '100vh'}}>
-                        <MenuBar/>
-                    </div>
-                </Grid>
+                {/*<Grid item xs={12} md={1}>*/}
+                {/*    <div style={{ height: '100vh'}}>*/}
+                {/*        <MenuBar/>*/}
+                {/*    </div>*/}
+                {/*</Grid>*/}
                 <Grid item xs={12} md={11}>
                     <Grid container direction="column">
                         <Grid item xs={12}>
-                            <div style={{ height: '20vh'}}>
+                            <div style={{ height: '20em'}}>
                                 <ScenarioOverview
                                     headers={{
                                         aboveHeader: props.scenario.className,
@@ -45,7 +45,7 @@ export function SingleScenarioView(props: { reportName: string; scenario: Scenar
                         </Grid>
                     </Grid>
                     <Grid item xs={12}>
-                        <div style={{ height: '50vh'}}>
+                        <div style={{ height: '40em'}}>
                             <Scenario
                                 reportName={props.reportName}
                                 scenario={props.scenario}