From 41d568e4930be76abf563bd82ffce1435e239184 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Fri, 14 May 2021 13:45:36 +0200
Subject: [PATCH] Fix scroll issue

---
 src/ui/routes/MainRoute.tsx | 115 +++++++++++++++++++-----------------
 1 file changed, 62 insertions(+), 53 deletions(-)

diff --git a/src/ui/routes/MainRoute.tsx b/src/ui/routes/MainRoute.tsx
index ead154c..339a14b 100644
--- a/src/ui/routes/MainRoute.tsx
+++ b/src/ui/routes/MainRoute.tsx
@@ -115,67 +115,76 @@ export function MainRoute() {
 
 	return (
 		<Router>
-			<AppBar
-				position="absolute"
-				className={classes.appBar}
-				color="primary"
-			>
-				<Toolbar className={classes.toolbar}>
-					<Typography
-						component="h1"
-						variant="h6"
-						color="inherit"
-						noWrap
-						className={classes.title}
-					>
-						Comunic Console
-					</Typography>
-
-					<Typography>
-						{AccountHelper.currentAccount.name}
-						<br />
-						<small>{AccountHelper.currentAccount.email}</small>
-					</Typography>
-
-					<IconButton aria-label="delete" onClick={signOut}>
-						<CloseSharpIcon />
-					</IconButton>
-				</Toolbar>
-			</AppBar>
 			<div
 				style={{
-					display: "flex",
 					height: "100%",
-					flexDirection: "row",
-					width: "100%",
-					marginTop: "64px",
+					display: "flex",
+					flexDirection: "column",
 				}}
 			>
-				<Paper style={{ width: "200px" }}>
-					<Menu></Menu>
-				</Paper>
+				<Toolbar></Toolbar>
 
-				<div style={{ flex: "1", padding: "50px", height: "100%" }}>
-					<div
-						style={{
-							height: "100%",
-							margin: "auto",
-							maxWidth: "1280px",
-						}}
-					>
-						<Switch>
-							<Route exact path="/">
-								<HomeRoute></HomeRoute>
-							</Route>
+				<AppBar
+					position="fixed"
+					className={classes.appBar}
+					color="primary"
+				>
+					<Toolbar className={classes.toolbar}>
+						<Typography
+							component="h1"
+							variant="h6"
+							color="inherit"
+							noWrap
+							className={classes.title}
+						>
+							Comunic Console
+						</Typography>
 
-							<Route path="/accounts/:id">
-								<AccountSettingsRoute></AccountSettingsRoute>
-							</Route>
+						<Typography>
+							{AccountHelper.currentAccount.name}
+							<br />
+							<small>{AccountHelper.currentAccount.email}</small>
+						</Typography>
 
-							<Route path="*">
-								<NotFoundRoute></NotFoundRoute>
-							</Route>
-						</Switch>
+						<IconButton aria-label="delete" onClick={signOut}>
+							<CloseSharpIcon />
+						</IconButton>
+					</Toolbar>
+				</AppBar>
+				<div
+					style={{
+						display: "flex",
+						flex: "1",
+						flexDirection: "row",
+						width: "100%",
+					}}
+				>
+					<Paper style={{ width: "200px" }}>
+						<Menu></Menu>
+					</Paper>
+
+					<div style={{ flex: "1", padding: "50px" }}>
+						<div
+							style={{
+								height: "100%",
+								margin: "auto",
+								maxWidth: "1280px",
+							}}
+						>
+							<Switch>
+								<Route exact path="/">
+									<HomeRoute></HomeRoute>
+								</Route>
+
+								<Route path="/accounts/:id">
+									<AccountSettingsRoute></AccountSettingsRoute>
+								</Route>
+
+								<Route path="*">
+									<NotFoundRoute></NotFoundRoute>
+								</Route>
+							</Switch>
+						</div>
 					</div>
 				</div>
 			</div>