Improve the layout of the panels and set maximum sizes

Author: idanarye

examples/example2d.rs

@@ -387,7 +387,7 @@ fn edit_fruit_type(
                     egui::Button::image(
                         egui::Image::new(egui::load::SizedTexture {
                             id: *texture_id,
-                            size: egui::Vec2::new(100.0, 100.0),
+                            size: egui::Vec2::new(25.0, 25.0),
                         })
                         .uv(*rect),
                     )

src/editor_panels.rs

@@ -108,6 +108,7 @@ impl EditorPanel for YoleckEditorLeftPanelSections {
         egui::SidePanel::left("yoleck_left_panel")
             .resizable(true)
             .default_width(300.0)
+            .max_width(ctx.content_rect().width() / 4.0)
             .show(ctx, |ui| {
                 ui.heading("Level Hierarchy");
                 ui.separator();
@@ -145,6 +146,7 @@ impl EditorPanel for YoleckEditorRightPanelSections {
         egui::SidePanel::right("yoleck_right_panel")
             .resizable(true)
             .default_width(300.0)
+            .max_width(ctx.content_rect().width() / 4.0)
             .show(ctx, |ui| {
                 ui.heading("Properties");
                 ui.separator();
@@ -246,6 +248,7 @@ impl EditorPanel for YoleckEditorBottomPanelSections {
         egui::TopBottomPanel::bottom("yoleck_bottom_panel")
             .resizable(true)
             .default_height(200.0)
+            .max_height(ctx.content_rect().height() / 4.0)
             .show(ctx, |ui| {
                 let inner_margin = 3.;
                 ui.add_space(inner_margin);

src/editor_window.rs

@@ -26,6 +26,16 @@ pub(crate) fn yoleck_editor_window(
 
     let ctx = borrowed_egui.get_mut();
 
+    // The order of panels is important, because panels that go first will take height/width from
+    // adjacent panels. The top panel must go first because it's height is very small (so it won't
+    // be impacting the side panels much) and it needs all the width it can get. The bottom panel
+    // can go last because giving the side panels more height for displaying their lists is more
+    // important than giving extra width to the console.
+
+    let top = YoleckEditorTopPanelSections::show_panel(world, ctx)
+        .rect
+        .height();
+
     let left = YoleckEditorLeftPanelSections::show_panel(world, ctx)
         .rect
         .width();
@@ -34,10 +44,6 @@ pub(crate) fn yoleck_editor_window(
         .rect
         .width();
 
-    let top = YoleckEditorTopPanelSections::show_panel(world, ctx)
-        .rect
-        .height();
-
     let bottom = YoleckEditorBottomPanelSections::show_panel(world, ctx)
         .rect
         .height();