Fix everything

gfx-rs · Nov 25, 2023 · ee853fe · ee853fe
1 parent 8a8e84f
commit ee853fe
Show file tree

Hide file tree

Showing 10 changed files with 17 additions and 12 deletions.
diff --git a/examples/src/hello_triangle/mod.rs b/examples/src/hello_triangle/mod.rs
@@ -150,6 +150,7 @@ async fn run(event_loop: EventLoop<()>, window: Window) {
 
 pub fn main() {
     let event_loop = EventLoop::new().unwrap();
+    #[allow(unused_mut)]
     let mut builder = winit::window::WindowBuilder::new();
     #[cfg(target_arch = "wasm32")]
     {

diff --git a/examples/src/main.rs b/examples/src/main.rs
@@ -185,7 +185,7 @@ fn print_examples() {
                 &format!("?backend={backend}&example={}", example.name),
             )
             .unwrap();
-            link.set_class_name("example");
+            link.set_class_name("example-link");
 
             let item = document.create_element("div").unwrap();
             item.append_child(&link).unwrap();

diff --git a/examples/src/skybox/screenshot-astc.png b/examples/src/skybox/screenshot-astc.png
diff --git a/examples/src/skybox/screenshot-bc1.png b/examples/src/skybox/screenshot-bc1.png
diff --git a/examples/src/skybox/screenshot-etc2.png b/examples/src/skybox/screenshot-etc2.png
diff --git a/examples/src/skybox/screenshot_astc.png b/examples/src/skybox/screenshot_astc.png
diff --git a/examples/src/skybox/screenshot_bc1.png b/examples/src/skybox/screenshot_bc1.png
diff --git a/examples/src/skybox/screenshot_etc2.png b/examples/src/skybox/screenshot_etc2.png
diff --git a/examples/src/uniform_values/mod.rs b/examples/src/uniform_values/mod.rs
@@ -347,6 +347,7 @@ async fn run(event_loop: EventLoop<()>, window: Arc<Window>) {
 
 pub fn main() {
     let event_loop = EventLoop::new().unwrap();
+    #[allow(unused_mut)]
     let mut builder = winit::window::WindowBuilder::new()
         .with_title("Remember: Use U/D to change sample count!")
         .with_inner_size(winit::dpi::LogicalSize::new(900, 900));

diff --git a/examples/static/index.html b/examples/static/index.html
@@ -6,7 +6,7 @@
         :focus {
             outline: none;
         }
-        
+
         body {
             margin: 0px;
             background: #fff;
@@ -38,28 +38,28 @@
             margin: 0.5em 0;
         }
 
-        .column-container {
+        .backend-list-container {
             display: flex;
             flex-direction: row;
             justify-content: space-evenly;
         }
 
-        .column {
+        .backend-list {
             display: flex;
             flex-direction: column;
             flex-wrap: wrap;
             justify-content: center;
         }
 
-        .items {
+        .item-list {
             display: flex;
             flex-direction: column;
             flex-wrap: wrap;
             align-content: center;
             height: 100px;
         }
 
-        .example {
+        .example-link {
             margin-left: 7px;
             margin-right: 7px;
         }
@@ -69,8 +69,10 @@
         }
 
         .main-canvas {
-            flex: 1;
             margin: 0;
+            /* This allows the flexbox to grow to max size, this is needed for WebGPU */
+            flex: 1;
+            /* This forces CSS to ignore the width/height of the canvas, this is needed for WebGL */
             contain: size;
         }
     </style>
@@ -86,15 +88,16 @@
                     </a>
                 </p>
             </div>
-            <div class="column-container">
-                <div class="column">
+            <div class="backend-list-container">
+                <div class="backend-list">
                     <p class="backend-name">WebGL2</p>
-                    <div class="items"  id="webgl2-list">
+                    <div class="item-list" id="webgl2-list">
 
                     </div>
-                </div><div class="column">
+                </div>
+                <div class="backend-list">
                     <p class="backend-name">WebGPU</p>
-                    <div class="items" id="webgpu-list">
+                    <div class="item-list" id="webgpu-list">
 
                     </div>
                 </div>