Sliding details

2024-01-21 22:26:03 +01:00
parent f5e2be9651
commit bd637cb97d
2 changed files with 73 additions and 48 deletions
@@ -2,53 +2,77 @@ using Gtk 4.0;
 using Adw 1;

 Adw.ApplicationWindow window {
-    default-width: 900;
-    default-height: 500;
+  default-width: 900;
+  default-height: 500;

-    content: Gtk.Box {
-        orientation: vertical;
+  content: Gtk.Box {
+    orientation: vertical;

-        Adw.HeaderBar{
-            title-widget: Adw.WindowTitle {
-                title: "Sieverman";
-            };
+    Adw.HeaderBar {
+      title-widget: Adw.WindowTitle {
+        title: "Sieverman";
+      };

-            Gtk.Button { label: "Neu";}
-        }
-        Gtk.Box {
-            orientation: horizontal;
-            
-            vexpand: true;
-            halign: fill;
+      [start]
+      Gtk.Button {
+        label: "Neu";
+      }

-            Gtk.Label{
-                label: "Log information";
-                hexpand: true;
+      [end]
+      Gtk.ToggleButton settings_button {
+        icon-name: "open-menu-symbolic";
+        active: true;
+      }
+    }
+
+    Gtk.Box {
+      orientation: horizontal;
+      vexpand: true;
+      halign: fill;
+
+      Gtk.Label {
+        label: "Log information";
+        hexpand: true;
+      }
+
+      Gtk.Revealer settings_pane {
+        reveal-child: bind settings_button.active bidirectional;
+        transition-type: slide_left;
+
+        Gtk.ScrolledWindow server_info {
+          width-request: 100;
+
+          Adw.PreferencesPage {
+            Adw.PreferencesGroup server_settings {
+              vexpand: true;
+              valign: center;
+              title: "Server Information";
+              description: "The information the server published on connection";
            }
-            Gtk.ScrolledWindow server_info {
-                width-request: 100;
-                Adw.PreferencesPage {
-            Adw.PreferencesGroup server_settings{
-                vexpand: true;
-                valign: center;
-                title: "Server Information";
-                description: "The information the server published on connection";
-        }
-        Adw.PreferencesGroup credentials {
-                vexpand: true;
-                valign: center;
-                title: "Login Information";
-                description: "The credentials that will be used to log in.";
-                Adw.EntryRow{title: "Username:";}
-        Adw.PasswordEntryRow{title: "Password:";}

-        }}
-                
+            Adw.PreferencesGroup credentials {
+              vexpand: true;
+              valign: center;
+              title: "Login Information";
+              description: "The credentials that will be used to log in.";
+
+              Adw.EntryRow {
+                title: "Username:";
+              }
+
+              Adw.PasswordEntryRow {
+                title: "Password:";
+              }
            }
+          }
        }
-        Gtk.Statusbar{Gtk.Label{
-                label: "Status";
-            }}
+      }
+    }

-    };
-}
+    Gtk.Statusbar {
+      Gtk.Label {
+        label: "Status";
+      }
+    }
+  };
+}