fix: horizontal scoll for wagon layouts

marudor · Jan 18, 2025 · dbc2234 · dbc2234
1 parent 598ba05
commit dbc2234
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/client/Common/Components/VehicleMap/VehicleMapDialog.tsx b/src/client/Common/Components/VehicleMap/VehicleMapDialog.tsx
@@ -18,6 +18,10 @@ const LinkSpan = styled('span')(({ theme }) => ({
 	color: theme.vars.palette.common.blue,
 }));
 
+const NonSrollableDialogContent = styled(DialogContent)`
+	overflow-x: hidden;
+`;
+
 export const VehicleMapDialog: FCC<Props> = ({
 	vehicleLayout,
 	fahrzeug,
@@ -40,12 +44,12 @@ export const VehicleMapDialog: FCC<Props> = ({
 					Layout von Wagen {fahrzeug.identificationNumber} (Fahrzeug{' '}
 					{fahrzeug.uic})
 				</DialogTitle>
-				<DialogContent>
+				<NonSrollableDialogContent>
 					<VehicleMap
 						layout={vehicleLayout}
 						orientation={fahrzeug.orientation!}
 					/>
-				</DialogContent>
+				</NonSrollableDialogContent>
 			</Dialog>
 		</>
 	);