ladybird/Userland/Applications/ThemeEditor/AlignmentProperty.gml

@GUI::Frame {
    layout: @GUI::HorizontalBoxLayout {
        spacing: 4
    }
    preferred_height: "fit"

    @GUI::Label {
        name: "name"
        text: "Some alignment"
        text_alignment: "CenterLeft"
        fixed_width: 200
    }

    @GUI::ComboBox {
        name: "combo_box"
        model_only: true
    }
}
ThemeEditor: Give each theme property its own editing widget This is quite a radical change. The previous UI was very easy to add new properties to (just add to the FooRole enum and it automatically works), but not so nice to use: A ComboBox for selecting a property, and then a box to edit that property's value. This makes it difficult to compare different properties or edit multiple together without a lot of back-and-forth. This new design gives each property its own editing widgets, with those categorized into several tabs. To try and avoid increasing the maintenance burden for this, the UI is generated from the `windows_tab`, `widgets_tab` and `syntax_highlighting_tab` variables, which are basically just lists of which properties go in that tab. One of the `FooProperty.gml` files is loaded to create each property's widgets. 2022-05-11 14:56:16 +03:00			`@GUI::Frame {`
			`layout: @GUI::HorizontalBoxLayout {`
			`spacing: 4`
			`}`
ThemeEditor: Fix layout for new layout system 2022-05-26 16:34:32 +03:00			`preferred_height: "fit"`
ThemeEditor: Give each theme property its own editing widget This is quite a radical change. The previous UI was very easy to add new properties to (just add to the FooRole enum and it automatically works), but not so nice to use: A ComboBox for selecting a property, and then a box to edit that property's value. This makes it difficult to compare different properties or edit multiple together without a lot of back-and-forth. This new design gives each property its own editing widgets, with those categorized into several tabs. To try and avoid increasing the maintenance burden for this, the UI is generated from the `windows_tab`, `widgets_tab` and `syntax_highlighting_tab` variables, which are basically just lists of which properties go in that tab. One of the `FooProperty.gml` files is loaded to create each property's widgets. 2022-05-11 14:56:16 +03:00
			`@GUI::Label {`
			`name: "name"`
			`text: "Some alignment"`
			`text_alignment: "CenterLeft"`
			`fixed_width: 200`
			`}`

			`@GUI::ComboBox {`
			`name: "combo_box"`
			`model_only: true`
			`}`
			`}`