docs: add gtk4 jsx documentation

2 files changed, 16 insertions, 1 deletions

diff --git a/lib/astal/gtk3/src/widget/circularprogress.vala b/lib/astal/gtk3/src/widget/circularprogress.vala
index df1635d..de7a5c7 100644
--- a/lib/astal/gtk3/src/widget/circularprogress.vala
+++ b/lib/astal/gtk3/src/widget/circularprogress.vala
@@ -41,7 +41,7 @@ public class Astal.CircularProgress : Gtk.Bin {
     }
 
     static construct {
-        set_css_name("circular-progress");
+        set_css_name("circularprogress");
     }
 
     public override Gtk.SizeRequestMode get_request_mode() {
diff --git a/lib/astal/gtk4/src/widget/box.vala b/lib/astal/gtk4/src/widget/box.vala
index eb52f9c..28f2b00 100644
--- a/lib/astal/gtk4/src/widget/box.vala
+++ b/lib/astal/gtk4/src/widget/box.vala
@@ -1,4 +1,19 @@
 public class Astal.Box : Gtk.Box {
+    /**
+     * Corresponds to [[email protected] :orientation].
+     */
+    [CCode (notify = false)]
+    public bool vertical {
+        get { return orientation == Gtk.Orientation.VERTICAL; }
+        set { orientation = value ? Gtk.Orientation.VERTICAL : Gtk.Orientation.HORIZONTAL; }
+    }
+
+    construct {
+        notify["orientation"].connect(() => {
+            notify_property("vertical");
+        });
+    }
+
     public List<weak Gtk.Widget> children {
         set {
             foreach (var child in children) {