fix: ensure elevator shown on firefox

troys-code · troys-code · commit 49771814b3bb · 2025-04-25T22:58:55.000+12:00
diff --git a/client/scss/board.scss b/client/scss/board.scss
@@ -222,8 +222,6 @@
 	}
 
 
-
-
 	.elevator-bottom {
 		background: url('/resources/images/elevator-below.svg') no-repeat;
 		background-size: 75%;
@@ -232,5 +230,9 @@
 		display: flex;
 		justify-content: center;
 		align-content: center;
+		/* Firefox: width and height must be set */
+		width: 100%;
+		height: 100%;
+		margin: min(1.8vw, 12%);
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -222,8 +222,6 @@`
`222`	`222`	`}`
`223`	`223`
`224`	`224`
`225`		`-`
`226`		`-`
`227`	`225`	`.elevator-bottom {`
`228`	`226`	`background: url('/resources/images/elevator-below.svg') no-repeat;`
`229`	`227`	`background-size: 75%;`
`@@ -232,5 +230,9 @@`
`232`	`230`	`display: flex;`
`233`	`231`	`justify-content: center;`
`234`	`232`	`align-content: center;`
	`233`	`+ /* Firefox: width and height must be set */`
	`234`	`+ width: 100%;`
	`235`	`+ height: 100%;`
	`236`	`+ margin: min(1.8vw, 12%);`
`235`	`237`	`}`
`236`	`238`	`}`