Fixed select box size

EwanLyon · Mar 15, 2021 · 53bbf89 · 53bbf89
1 parent 044eb0f
commit 53bbf89
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/src/dashboard/maps.html b/src/dashboard/maps.html
@@ -9,6 +9,10 @@
 		body {
 			margin: 0;
 		}
+
+		.MuiMenu-paper {
+			max-height: calc(100% - 26px) !important;
+		}
 	</style>
 </head>
 <body>

diff --git a/src/dashboard/schedule.html b/src/dashboard/schedule.html
@@ -7,6 +7,10 @@
 				margin-left: 0;
 				margin-right: 0;
 			}
+
+			.MuiMenu-paper {
+				max-height: calc(100% - 32px) !important;
+			}
 		</style>
 	</head>
 	<body>

diff --git a/src/dashboard/setup/maps/veto.tsx b/src/dashboard/setup/maps/veto.tsx
@@ -38,12 +38,6 @@ const Divider = styled.div`
 	margin: 8px 0;
 `;
 
-const SelectNoMaxHeight = styled(Select)`
-	& .MuiMenu-paper {
-		max-height: 100%;
-	}
-`;
-
 const mapNames = ['Dust2', 'Inferno', 'Mirage', 'Nuke', 'Overpass', 'Train', 'Vertigo'];
 
 const reorder = (list: unknown[], startIndex: number, endIndex: number) => {
@@ -134,7 +128,7 @@ const DashVeto: React.FC = () => {
 					<Grid item xs={4}>
 						<FormControl variant="filled" fullWidth>
 							<InputLabel id="teamVeto">Team</InputLabel>
-							<SelectNoMaxHeight
+							<Select
 								labelId="teamVeto"
 								value={teamSelected}
 								onChange={(e): void => setTeamSelected(e.target.value as string)}>
@@ -169,7 +163,7 @@ const DashVeto: React.FC = () => {
 								<MenuItem key="Server" value="Server">
 									Server
 								</MenuItem>
-							</SelectNoMaxHeight>
+							</Select>
 						</FormControl>
 					</Grid>
 					<Grid