Fix canvas parent, set minimum width.

qu1x · Aug 30, 2023 · 75b9995 · 75b9995
1 parent 75186e8
commit 75b9995
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/examples/constellation_clamp.html b/examples/constellation_clamp.html
@@ -49,6 +49,7 @@
 			}
 			main {
 				flex: 1;
+				min-width: 1280px;
 			}
 			pre {
 				display: none;
@@ -99,9 +100,10 @@ <h1>bevy_trackball/examples/constellation_clamp.rs</h1>
 							e.preventDefault();
 							e.stopPropagation();
 						});
-						let pre = document.body.querySelector('pre');
-						pre.prepend(canvas);
+						let main = document.body.querySelector('main');
+						main.prepend(canvas);
 						canvas.style.display = 'block';
+						let pre = document.body.querySelector('pre');
 						pre.style.display = 'block';
 					}
 				});

diff --git a/examples/egui.html b/examples/egui.html
@@ -49,6 +49,7 @@
 			}
 			main {
 				flex: 1;
+				min-width: 1280px;
 			}
 			pre {
 				display: none;
@@ -99,9 +100,10 @@ <h1>bevy_trackball/examples/egui.rs</h1>
 							e.preventDefault();
 							e.stopPropagation();
 						});
-						let pre = document.body.querySelector('pre');
-						pre.prepend(canvas);
+						let main = document.body.querySelector('main');
+						main.prepend(canvas);
 						canvas.style.display = 'block';
+						let pre = document.body.querySelector('pre');
 						pre.style.display = 'block';
 					}
 				});

diff --git a/examples/exponential_map.html b/examples/exponential_map.html
@@ -49,6 +49,7 @@
 			}
 			main {
 				flex: 1;
+				min-width: 1280px;
 			}
 			pre {
 				display: none;
@@ -99,9 +100,10 @@ <h1>bevy_trackball/examples/exponential_map.rs</h1>
 							e.preventDefault();
 							e.stopPropagation();
 						});
-						let pre = document.body.querySelector('pre');
-						pre.prepend(canvas);
+						let main = document.body.querySelector('main');
+						main.prepend(canvas);
 						canvas.style.display = 'block';
+						let pre = document.body.querySelector('pre');
 						pre.style.display = 'block';
 					}
 				});

diff --git a/examples/gliding_clamp.html b/examples/gliding_clamp.html
@@ -49,6 +49,7 @@
 			}
 			main {
 				flex: 1;
+				min-width: 1280px;
 			}
 			pre {
 				display: none;
@@ -99,9 +100,10 @@ <h1>bevy_trackball/examples/gliding_clamp.rs</h1>
 							e.preventDefault();
 							e.stopPropagation();
 						});
-						let pre = document.body.querySelector('pre');
-						pre.prepend(canvas);
+						let main = document.body.querySelector('main');
+						main.prepend(canvas);
 						canvas.style.display = 'block';
+						let pre = document.body.querySelector('pre');
 						pre.style.display = 'block';
 					}
 				});