Add ToolBox (#776)

Co-authored-by: Ryan Kornheisl <ryan@skarva.tech>

Author: danirabbit

demo/DemoPage.vala

@@ -3,10 +3,10 @@
  * SPDX-License-Identifier: LGPL-3.0-or-later
  */
 
-public class DemoPage : Gtk.Box {
+public class DemoPage : Granite.ToolBox {
     public string title { get; set; }
 
-    public Gtk.Widget content {
+    public Gtk.Widget child {
         set {
             scrolled_window.child = value;
         }
@@ -32,18 +32,14 @@ public class DemoPage : Gtk.Box {
         header_box.append (header_label);
         header_box.append (new Gtk.WindowControls (END) { valign = START });
 
-        var window_handle = new Gtk.WindowHandle () {
-            child = header_box
-        };
+        add_top_bar (header_box);
 
         scrolled_window = new Gtk.ScrolledWindow () {
             hscrollbar_policy = NEVER,
             vexpand = true
         };
 
-        orientation = VERTICAL;
-        append (window_handle);
-        append (scrolled_window);
+        content = scrolled_window;
 
         bind_property ("title", header_label, "label");
     }

demo/GraniteDemo.vala

@@ -36,7 +36,9 @@ public class Granite.Demo : Gtk.Application {
         var dialogs_view = new DialogsView (window);
         var application_view = new ApplicationView ();
 
-        var main_stack = new Gtk.Stack ();
+        var main_stack = new Gtk.Stack () {
+            vhomogeneous = false
+        };
         main_stack.add_titled (placeholder, "placeholder", "Placeholder");
         main_stack.add_titled (box_view, "box", "Box");
         main_stack.add_titled (lists_view, "lists", "Lists");
@@ -68,9 +70,10 @@ public class Granite.Demo : Gtk.Application {
             vexpand = true
         };
 
-        var start_box = new Gtk.Box (VERTICAL, 0);
-        start_box.append (start_header);
-        start_box.append (stack_sidebar);
+        var start_box = new Granite.ToolBox () {
+            content = stack_sidebar
+        };
+        start_box.add_top_bar (start_header);
         start_box.add_css_class (Granite.STYLE_CLASS_SIDEBAR);
 
         var paned = new Gtk.Paned (Gtk.Orientation.HORIZONTAL) {
@@ -83,7 +86,7 @@ public class Granite.Demo : Gtk.Application {
 
         window.child = paned;
         window.set_default_size (900, 600);
-        window.set_size_request (750, 500);
+        window.set_size_request (300, 200);
         window.titlebar = new Gtk.Grid () { visible = false };
         window.title = "Granite Demo";
 

demo/Views/AccelLabelView.vala

@@ -53,6 +53,6 @@ public class AccelLabelView : DemoPage {
         grid.attach (popover_label, 0, 1);
         grid.attach (popover_button, 1, 1);
 
-        content = grid;
+        child = grid;
     }
 }

demo/Views/ApplicationView.vala

@@ -32,7 +32,7 @@ public class ApplicationView : DemoPage {
         grid.attach (badge_visible_switch, 1, 1);
         grid.attach (badge_spin, 2, 1);
 
-        content = grid;
+        child = grid;
 
         progress_visible_switch.bind_property ("active", progress_scale, "sensitive", GLib.BindingFlags.SYNC_CREATE);
         badge_visible_switch.bind_property ("active", badge_spin, "sensitive", GLib.BindingFlags.SYNC_CREATE);

demo/Views/BoxView.vala

@@ -87,6 +87,6 @@ public class BoxView : DemoPage {
         vbox.append (double_container);
         vbox.append (linked_box);
 
-        content = vbox;
+        child = vbox;
     }
 }

demo/Views/CSSView.vala

@@ -142,6 +142,6 @@ public class CSSView : DemoPage {
         box.append (error_color_box);
         box.append (dimmed_box);
 
-        content = box;
+        child = box;
     }
 }

demo/Views/ControlsView.vala

@@ -179,6 +179,6 @@ public class ControlsView : DemoPage {
         box.append (scale_header);
         box.append (scale_box);
 
-        content = box;
+        child = box;
     }
 }

demo/Views/DateTimePickerView.vala

@@ -73,7 +73,7 @@ public class DateTimePickerView : DemoPage {
         grid.attach (relative_datetime_label, 0, 6);
         grid.attach (relative_datetime, 1, 6);
 
-        content = grid;
+        child = grid;
     }
 
     private void set_selected_datetime () {

demo/Views/DialogsView.vala

@@ -33,7 +33,7 @@ public class DialogsView : DemoPage {
         };
         overlay.add_overlay (toast);
 
-        content = overlay;
+        child = overlay;
 
         dialog_button.clicked.connect (show_dialog);
         message_button.clicked.connect (show_message_dialog);

demo/Views/FormView.vala

@@ -33,7 +33,7 @@ public class FormView : DemoPage {
         box.append (username_entry);
         box.append (button);
 
-        content = box;
+        child = box;
 
         username_entry.bind_property ("is-valid", button, "sensitive", SYNC_CREATE);
     }