mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 18:42:43 +00:00 
			
		
		
		
	 653f01616c
			
		
	
	
		653f01616c
		
	
	
	
	
		
			
			Different thread highlights between widgets lead to different visual weights between splitters, even when they have the same width or height. This means some splitters look best at odd sizes while others even. This sets the default spacing to the most commonly used, depending on orientation, and adjusts spacing for a few apps based on the new paint rect. The most consistent look across apps requires some manual tweaking occassionally. Knurlheads, use your discretion!
		
			
				
	
	
		
			334 lines
		
	
	
	
		
			8.1 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
			
		
		
	
	
			334 lines
		
	
	
	
		
			8.1 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
| @GUI::Widget {
 | |
|     name: "basics_tab"
 | |
|     layout: @GUI::VerticalBoxLayout {
 | |
|         margins: [4]
 | |
|     }
 | |
| 
 | |
|     @GUI::GroupBox {
 | |
|         fixed_height: 95
 | |
|         layout: @GUI::VerticalBoxLayout {
 | |
|             margins: [8]
 | |
|         }
 | |
| 
 | |
|         @GUI::HorizontalSplitter {
 | |
|             layout: @GUI::HorizontalBoxLayout {
 | |
|                 spacing: 4
 | |
|             }
 | |
| 
 | |
|             @GUI::Frame {
 | |
|                 name: "label_frame"
 | |
|                 shape: "Panel"
 | |
|                 shadow: "Sunken"
 | |
|                 thickness: 1
 | |
|                 layout: @GUI::VerticalBoxLayout {
 | |
|                     margins: [3, 4]
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Label {
 | |
|                     name: "enabled_label"
 | |
|                     text: "Label"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Label {
 | |
|                     name: "disabled_label"
 | |
|                     text: "Disabled"
 | |
|                     enabled: false
 | |
|                 }
 | |
|             }
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {
 | |
|                     margins: [0, 4]
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Label {
 | |
|                     name: "word_wrap_label"
 | |
|                     word_wrap: true
 | |
|                     text_alignment: "TopLeft"
 | |
|                     text: "Lorem ipsum sistema serenitas, per construxit klingre sed quis awesomatia, ergo salve amici."
 | |
|                 }
 | |
|             }
 | |
|         }
 | |
| 
 | |
|         @GUI::HorizontalSeparator {}
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             fixed_height: 22
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::ComboBox {
 | |
|                 name: "frame_shape_combobox"
 | |
|                 placeholder: "Combo box"
 | |
|             }
 | |
| 
 | |
|             @GUI::ComboBox {
 | |
|                 placeholder: "Disabled"
 | |
|                 enabled: false
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::SpinBox {
 | |
|                 name: "thickness_spinbox"
 | |
|                 min: 0
 | |
|                 max: 2
 | |
|             }
 | |
| 
 | |
|             @GUI::SpinBox {
 | |
|                 enabled: false
 | |
|             }
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     @GUI::Widget {
 | |
|         fixed_height: 125
 | |
|         layout: @GUI::VerticalBoxLayout {
 | |
|             margins: [3, 8]
 | |
|         }
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "normal_button"
 | |
|                     text: "Button"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "disabled_normal_button"
 | |
|                     text: "Disabled"
 | |
|                     enabled: "false"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "enabled_coolbar_button"
 | |
|                     text: "Coolbar button"
 | |
|                     button_style: "Coolbar"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "disabled_coolbar_button"
 | |
|                     text: "Disabled"
 | |
|                     enabled: "false"
 | |
|                     button_style: "Coolbar"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
|             }
 | |
|         }
 | |
| 
 | |
|         @GUI::HorizontalSeparator {}
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Widget {
 | |
|                     fixed_width: 60
 | |
|                     layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                     @GUI::Widget {}
 | |
| 
 | |
|                     @GUI::RadioButton {
 | |
|                         name: "top_radiobutton"
 | |
|                         text: "Radio 1"
 | |
|                         checked: true
 | |
|                     }
 | |
| 
 | |
|                     @GUI::RadioButton {
 | |
|                         name: "bottom_radiobutton"
 | |
|                         text: "Radio 2"
 | |
|                     }
 | |
| 
 | |
|                     @GUI::Widget {}
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
| 
 | |
|                 @GUI::Widget {
 | |
|                     fixed_width: 70
 | |
|                     layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                     @GUI::Widget {}
 | |
| 
 | |
|                     @GUI::CheckBox {
 | |
|                         name: "top_checkbox"
 | |
|                         text: "Checkbox"
 | |
|                     }
 | |
| 
 | |
|                     @GUI::CheckBox {
 | |
|                         name: "bottom_checkbox"
 | |
|                         text: "Disabled"
 | |
|                         enabled: false
 | |
|                     }
 | |
| 
 | |
|                     @GUI::Widget {}
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "icon_button"
 | |
|                     text: "Icon button"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "disabled_icon_button"
 | |
|                     text: "Disabled"
 | |
|                     enabled: "false"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
|             }
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     @GUI::GroupBox {
 | |
|         layout: @GUI::VerticalBoxLayout {
 | |
|             margins: [6]
 | |
|         }
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             fixed_height: 47
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::TextBox {
 | |
|                     placeholder: "Text box"
 | |
|                     mode: "Editable"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::TextBox {
 | |
|                     text: "Disabled"
 | |
|                     enabled: false
 | |
|                 }
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::TextBox {
 | |
|                     text: "Read only"
 | |
|                     mode: "ReadOnly"
 | |
|                 }
 | |
| 
 | |
|                 @GUI::TextBox {
 | |
|                     text: "Display only"
 | |
|                     mode: "DisplayOnly"
 | |
|                 }
 | |
|             }
 | |
|         }
 | |
| 
 | |
|         @GUI::HorizontalSeparator {}
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::TextEditor {
 | |
|                 name: "text_editor"
 | |
|                 placeholder: "Text editor"
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::VerticalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Widget {
 | |
|                     fixed_height: 22
 | |
|                     layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|                     @GUI::ColorInput {
 | |
|                         name: "font_colorinput"
 | |
|                         placeholder: "Color dialog"
 | |
|                     }
 | |
| 
 | |
|                     @GUI::ColorInput {
 | |
|                         placeholder: "Disabled"
 | |
|                         enabled: false
 | |
|                     }
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "font_button"
 | |
|                     text: "Font picker dialog..."
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "file_button"
 | |
|                     text: "File picker dialog..."
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "input_button"
 | |
|                     text: "Input dialog..."
 | |
|                 }
 | |
| 
 | |
|                 @GUI::Widget {}
 | |
|             }
 | |
|         }
 | |
| 
 | |
|         @GUI::HorizontalSeparator {}
 | |
| 
 | |
|         @GUI::Widget {
 | |
|             fixed_height: 22
 | |
|             layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|                 @GUI::ComboBox {
 | |
|                     name: "msgbox_icon_combobox"
 | |
|                     model_only: true
 | |
|                 }
 | |
| 
 | |
|                 @GUI::ComboBox {
 | |
|                     name: "msgbox_buttons_combobox"
 | |
|                     model_only: true
 | |
|                 }
 | |
|             }
 | |
| 
 | |
|             @GUI::VerticalSeparator {}
 | |
| 
 | |
|             @GUI::Widget {
 | |
|                 layout: @GUI::HorizontalBoxLayout {}
 | |
| 
 | |
|                 @GUI::Button {
 | |
|                     name: "msgbox_button"
 | |
|                     text: "Message box dialog..."
 | |
|                 }
 | |
|             }
 | |
|         }
 | |
|     }
 | |
| }
 |