diff --git a/ijs.tree b/ijs.tree index 507df770b..e6db7f1b5 100644 --- a/ijs.tree +++ b/ijs.tree @@ -518,7 +518,8 @@ - + + @@ -535,8 +536,10 @@ - + + + diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes.png new file mode 100644 index 000000000..ecfd082da Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive.png new file mode 100644 index 000000000..cc828fa97 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive_dark.png new file mode 100644 index 000000000..47f4f5016 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_adaptive_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file-1.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file-1.png new file mode 100644 index 000000000..dec039be8 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file-1.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file.png new file mode 100644 index 000000000..98f9afc25 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_dark.png new file mode 100644 index 000000000..b0b42e79d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn-1.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn-1.png new file mode 100644 index 000000000..35db5c404 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn-1.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn.png new file mode 100644 index 000000000..3480dc080 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn_dark.png new file mode 100644 index 000000000..b24a16e06 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_class_test_file_url_path_fqn_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet-1.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet-1.png new file mode 100644 index 000000000..0aa5f2472 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet-1.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet.png new file mode 100644 index 000000000..4d4b45795 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet_dark.png new file mode 100644 index 000000000..257956d27 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_code_snippet_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_dark.png new file mode 100644 index 000000000..2a2bf8554 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram.png new file mode 100644 index 000000000..36ae90f0d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram_dark.png new file mode 100644 index 000000000..ec7f492ba Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_diagram_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor.png new file mode 100644 index 000000000..d6f556fe6 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2.png new file mode 100644 index 000000000..d8cd41d29 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2_dark.png new file mode 100644 index 000000000..86abed1ed Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor2_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor_dark.png new file mode 100644 index 000000000..4d09b6359 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_editor_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct.png new file mode 100644 index 000000000..78f828440 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct_dark.png new file mode 100644 index 000000000..a4ed91819 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_correct_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect.png new file mode 100644 index 000000000..2669860a5 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect_dark.png new file mode 100644 index 000000000..2530a4d47 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_empty_state_incorrect_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable.png new file mode 100644 index 000000000..ab042c08b Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable_dark.png new file mode 100644 index 000000000..4350f0448 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_acceptable_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct.png new file mode 100644 index 000000000..a948d0e8d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct_dark.png new file mode 100644 index 000000000..d56eebf82 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_correct_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect.png new file mode 100644 index 000000000..fa5dc043e Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect_dark.png new file mode 100644 index 000000000..caeff058b Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_1_incorrect_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable.png new file mode 100644 index 000000000..8dab46dc0 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable_dark.png new file mode 100644 index 000000000..1462c92a7 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_acceptable_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct.png new file mode 100644 index 000000000..c1c687fb0 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct_dark.png new file mode 100644 index 000000000..24055d46b Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_2_correct_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable.png new file mode 100644 index 000000000..d71bce13a Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable_dark.png new file mode 100644 index 000000000..a989aa502 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_acceptable_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct.png new file mode 100644 index 000000000..dc57f2b22 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct_dark.png new file mode 100644 index 000000000..4c0a91f87 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_example_3_correct_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small.png new file mode 100644 index 000000000..ae678d1a0 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small_dark.png new file mode 100644 index 000000000..3cd8ba593 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_extra_small_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large.png new file mode 100644 index 000000000..619ce6ac9 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large_dark.png new file mode 100644 index 000000000..ee214b05a Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_large_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium.png new file mode 100644 index 000000000..a0b1325fe Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium_dark.png new file mode 100644 index 000000000..cdd8b475d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_medium_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height.png new file mode 100644 index 000000000..9eb3d975d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height_dark.png new file mode 100644 index 000000000..6c38df97c Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_adaptive_height_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m.png new file mode 100644 index 000000000..d86449253 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m_dark.png new file mode 100644 index 000000000..6bffe4483 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_m_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s.png new file mode 100644 index 000000000..7a8925f36 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s_dark.png new file mode 100644 index 000000000..0ed3b03fe Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_s_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs.png new file mode 100644 index 000000000..796b186bb Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs_dark.png new file mode 100644 index 000000000..e56459d1f Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xs_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs.png new file mode 100644 index 000000000..22013fcd5 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs_dark.png new file mode 100644 index 000000000..49ce4370c Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_popup_xxs_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small.png new file mode 100644 index 000000000..7645590e8 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small_dark.png new file mode 100644 index 000000000..5c9759075 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_small_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text.png new file mode 100644 index 000000000..08d83476b Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text_dark.png new file mode 100644 index 000000000..b2641ac15 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_standalone_text_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell.png new file mode 100644 index 000000000..13bd4111d Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell_dark.png new file mode 100644 index 000000000..408e42eb0 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_table_cell_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area.png new file mode 100644 index 000000000..3311ecb0e Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area_dark.png new file mode 100644 index 000000000..71dbf368a Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_text_area_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window.png new file mode 100644 index 000000000..3d53fecba Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_dark.png new file mode 100644 index 000000000..00c3cf4e3 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal.png new file mode 100644 index 000000000..f2c97c5cb Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal_dark.png new file mode 100644 index 000000000..42c964107 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_horizontal_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical.png new file mode 100644 index 000000000..bc07564e1 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical_dark.png new file mode 100644 index 000000000..e24d18e20 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tool_window_vertical_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree.png new file mode 100644 index 000000000..834580d4a Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree_dark.png new file mode 100644 index 000000000..fcd1d3f3f Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_tree_dark.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn-1.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn-1.png new file mode 100644 index 000000000..1cd3a823f Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn-1.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn.png new file mode 100644 index 000000000..12ccadeb7 Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn.png differ diff --git a/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn_dark.png b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn_dark.png new file mode 100644 index 000000000..8d02759cd Binary files /dev/null and b/images/ui/dialog_and_popup_sizes/dialog_popup_sizes_url_path_fqn_dark.png differ diff --git a/topics/Window-sizes.md b/topics/Window-sizes.md new file mode 100644 index 000000000..812dd1a17 --- /dev/null +++ b/topics/Window-sizes.md @@ -0,0 +1,313 @@ + + +# Window Sizes + +Guidelines on choosing the correct size when creating a dialog or a popup + +Follow these guidelines to select the correct size when creating a dialog or a popup for IntelliJ-based products. + +For simple cases use the [default sizes](Window-sizes.md#default-sizes). When they don't work well, set [minimum sizes for components](Window-sizes.md#minimum-sizes-for-components). + +## Default sizes + +### Dialog + +There are four recommended window sizes for dialogs: **small**, **medium**, **large**, and **extra large**. Select the size depending on the amount of content required to keep the important information visible. + +![A preview of recommended window sizes for dialogs: extra small, small, medium, and large](dialog_popup_sizes.png){width="706"} + +Users shouldn't be able to make a dialog smaller than the default size. + +#### Small + +Size: 350×250 px. + +Best for: several components that are stacked vertically. + +![The Rename dialog with two input fields, two checkboxes, and actions in the dialog footer. The components are stacked vertically in one column](dialog_popup_sizes_extra_small.png){width="706"} + +#### Medium + +Size: 500×350 px + +Best for: +* Multiple components with short labels that are divided into two columns. +* Full-width table with two or three columns. +* Full-width code snippet or an input field with long text. + +For example, the Evaluate Expressions dialog has an input field with long text and a tree with code stacked vertically: + +![The Evaluate Expressions dialog that has an input field with long text and a tree with code stacked vertically](dialog_popup_sizes_small.png){width="706"} + +#### Large + +Size: 750×525 px + +Best for: +* Full-width table with four or more columns. +* Master-detail layout. +* Two-column layout with a code snippet or an input field with long text in any of the columns. +* Two code snippets or input fields with long texts in a row. +* Two-column layout with an image or a video in any of the columns. In this case, the image or the video takes the most space. + +For example, the Run/Debug Configuration dialog has a master-detail layout with a tree in the first column and a list of controls with long texts in the second column: + +![The Run/Debug Configuration dialog that has a two-column layout. There is a navigation in the first column and a list of settings in the second column](dialog_popup_sizes_medium.png){width="706"} + +#### Extra Large + +Size: 1000×700 px + +Best for: +* Two-column layout with code snippets or input fields with long texts in both columns. +* Three-or-more-column layout regardless of the content. + +For example, the Settings dialog that has three or more columns on multiple pages: + +![The Settings dialog that has three or more columns on multiple pages](dialog_popup_sizes_large.png){width="706"} + +#### Maximum width and height {id="maximum-width-and-height_dialog"} + +Set the dialog's maximum dimensions to match the screen size to prevent resizing beyond the screen bounds. + +### Popup + +Users shouldn't be able to make a popup smaller than the default size. + +#### Action popups + +If a popup has a vertical list of actions or options, set the minimum width to 200 px. + +The default width and height are adaptable to the content inside if it exceeds the minimum width. + +![Insert popup 200 px wide](dialog_popup_sizes_popup_xxs.png){width="706"} + +#### Content-rich popups + +If a popup has multiple sections and long texts, set the default width to **medium** (500 px) or **large** (750 px). When the default width doesn't work, set the [minimum sizes for components](Window-sizes.md#minimum-sizes-for-components). + +Height is adaptable based on the content. If a popup has a scrollable content, set the default height respectively: **medium** (350 px) or **large** (525 px), and use a [scrollbar](scrollbar.md). + + + + + + + + +
+

Medium

+ Documentation popup 500 px wide +
+

Large

+ Search Everywhere popup 750 px wide +
+ +#### Maximum width and height + +Set the maximum width and height to 80% of the screen size. Use a [scrollbar](scrollbar.md) if the popup's content exceeds the set dimensions. + +### Tool windows + +#### Vertical tool window + +* Default width: 20% of the application width. +* Minimum size: 200×500 px. + +#### Horizontal tool window + +* Default height: 20% of the application height. +* Minimum size: 500×200 px. + + +For example, the vertical Project tool window and the horizontal Build tool window with minimum sizes in Window mode: + +![Vertical Project and horizontal Build tool windows with the default sizes in Window mode](dialog_popup_sizes_tool_window.png){width="706"} + + +## Minimum sizes for components + +When the default sizes are either too big or too small for a window, or the window has a complex layout, add minimum sizes to content inside the window. This will make the content displayed correctly and reduce any potential issues caused by resizing the window. + +### How to set the size correctly + +1. Select the [control](Window-sizes.md#how-the-content-is-displayed) used to display content. +2. Select the [type of content](Window-sizes.md#types-of-content) used. +3. The minimum size is the biggest size out of the two defined in the previous steps. + +#### How the content is displayed + + + + + + + + + + + + + + + + + + +
+ Example of a table with three cells + +

Table cell

+

Width: min 65 px

+

Height for the whole table: min 120 px

+

Follow guidelines for table sizes

+
+ Example of a tree + +

Tree

+

Width: min 250 px

+
+ Example of a text area + +

Text area

+

Width: min 270 px, max 600 px

+

Height: min 55 px

+

Follow guidelines for text area sizes

+
+ Example of a diagram + +

Diagram

+

A container with horizontal and vertical insets with 100 px

+
+ +In any other case, select the width appropriate for the most common values in the component and follow sizes and placement guidelines for each control. + +#### Types of content + + + + + + + + + + + + + + + + + + + + + + +
+ Examples of a class, test, and file name + +

Class/test/file name

+

Width: min 250 px

+
+ Examples of a URL, path, and an FQN for class + +

URL/Path/FQN for class

+

Width: min 350 px

+
+ Examples of a class, test, or file name together with a URL, path, or an FQN for class + +

Class/test/file name + URL/Path/FQN for class

+

Width: min 400 px

+
+ Example of a code snippet + +

Code snippet or editor

+

Width: min 400 px

+

Height (when multiple lines): min 120 px

+
+ Example of a paragraph + +

Paragraph or long text

+

Width: min 300 px

+

Height (when multiple lines): min 120 px

+
+ +#### Example 1 + +The Rename Inheritors dialog has a table with FQNs. Add 350 px as the minimum width for a table column. This will make the dialog wider than the default Medium size (500 px) but will show more of FQNs. + + + + + + + + +
+ Correct + The Rename Inheritors dialog has a minimum width set for each table column +
+ Acceptable + The Rename Inheritors dialog has the Medium size as default +
+ +#### Example 2 + +The Settings dialog has the default extra large size 1000 px. In Code Style | Java set 400 px as the minimum width of the code editor. This will make the dialog wider but will show more code. + + + + + + + + +
+ Correct + The code snippet in the Code Style settings for Java is 400 px, making the dialog wider +
+ Acceptable + Settings dialog is 1000 px wide +
+ +#### Example 3 + +Instead of setting a default size for the Diagram popup, add 100 px horizontal and vertical insets inside it and make the width and height adaptive to its content. This will help small diagrams be more noticeable and make the Diagram popup of any size easier to read. + + + + + + + + +
+ Correct + Diagram popup has 100 px insets from its borders to its content +
+ Acceptable + Diagram popup is set to the default small size +
+ +## Empty state + +Some components, for example, tables, can have an [empty state](empty_state.md) when there is no content. In this case, the minimum size of a component in both empty and filled states is defined by its filled state. + +For example, the size of the Custom Plugin Repository dialog is defined by the minimum size of the table that contains URLs (minimum 350 px wide), and not by the size of the smaller empty state: + + + + + + + + +
+ Correct + The table in the Custom Plugin Repository dialog has the same sizes in both empty and filled states +
+ Incorrect + The table in the Custom Plugin Repository dialog has different sizes in the empty and the filled states +