diff --git a/images/ui/split_button/split_button.png b/images/ui/split_button/split_button.png index a15b8b039..4a6294b42 100644 Binary files a/images/ui/split_button/split_button.png and b/images/ui/split_button/split_button.png differ diff --git a/images/ui/split_button/split_button_anatomy.png b/images/ui/split_button/split_button_anatomy.png index 1f18ca9ed..68f487418 100644 Binary files a/images/ui/split_button/split_button_anatomy.png and b/images/ui/split_button/split_button_anatomy.png differ diff --git a/images/ui/split_button/split_button_anatomy_dark.png b/images/ui/split_button/split_button_anatomy_dark.png index 6854185b2..a3df7d537 100644 Binary files a/images/ui/split_button/split_button_anatomy_dark.png and b/images/ui/split_button/split_button_anatomy_dark.png differ diff --git a/images/ui/split_button/split_button_dangerous_action.png b/images/ui/split_button/split_button_dangerous_action.png index 637967f41..b199bddb2 100644 Binary files a/images/ui/split_button/split_button_dangerous_action.png and b/images/ui/split_button/split_button_dangerous_action.png differ diff --git a/images/ui/split_button/split_button_dangerous_action_dark.png b/images/ui/split_button/split_button_dangerous_action_dark.png index a6743f155..160301852 100644 Binary files a/images/ui/split_button/split_button_dangerous_action_dark.png and b/images/ui/split_button/split_button_dangerous_action_dark.png differ diff --git a/images/ui/split_button/split_button_dangerous_action_separator.png b/images/ui/split_button/split_button_dangerous_action_separator.png new file mode 100644 index 000000000..ad6e131f3 Binary files /dev/null and b/images/ui/split_button/split_button_dangerous_action_separator.png differ diff --git a/images/ui/split_button/split_button_dangerous_action_separator_dark.png b/images/ui/split_button/split_button_dangerous_action_separator_dark.png new file mode 100644 index 000000000..d748a60cd Binary files /dev/null and b/images/ui/split_button/split_button_dangerous_action_separator_dark.png differ diff --git a/images/ui/split_button/split_button_dark.png b/images/ui/split_button/split_button_dark.png index 101ae2316..9b032830a 100644 Binary files a/images/ui/split_button/split_button_dark.png and b/images/ui/split_button/split_button_dark.png differ diff --git a/images/ui/split_button/split_button_duplicated_action.png b/images/ui/split_button/split_button_duplicated_action.png index 06c69ea00..20a4ccbcc 100644 Binary files a/images/ui/split_button/split_button_duplicated_action.png and b/images/ui/split_button/split_button_duplicated_action.png differ diff --git a/images/ui/split_button/split_button_duplicated_action_dark.png b/images/ui/split_button/split_button_duplicated_action_dark.png index 6f4f6be5f..ca4de08a5 100644 Binary files a/images/ui/split_button/split_button_duplicated_action_dark.png and b/images/ui/split_button/split_button_duplicated_action_dark.png differ diff --git a/images/ui/split_button/split_button_one_action.png b/images/ui/split_button/split_button_one_action.png index 80dd93339..c8a5121af 100644 Binary files a/images/ui/split_button/split_button_one_action.png and b/images/ui/split_button/split_button_one_action.png differ diff --git a/images/ui/split_button/split_button_one_action_dark.png b/images/ui/split_button/split_button_one_action_dark.png index 4ac6e4611..a80cedb46 100644 Binary files a/images/ui/split_button/split_button_one_action_dark.png and b/images/ui/split_button/split_button_one_action_dark.png differ diff --git a/images/ui/split_button/split_button_one_two_buttons.png b/images/ui/split_button/split_button_one_two_buttons.png index 19adcff3b..d96bc43fa 100644 Binary files a/images/ui/split_button/split_button_one_two_buttons.png and b/images/ui/split_button/split_button_one_two_buttons.png differ diff --git a/images/ui/split_button/split_button_one_two_buttons_dark.png b/images/ui/split_button/split_button_one_two_buttons_dark.png index 058409365..21eb1562a 100644 Binary files a/images/ui/split_button/split_button_one_two_buttons_dark.png and b/images/ui/split_button/split_button_one_two_buttons_dark.png differ diff --git a/images/ui/split_button/split_button_related_actions.png b/images/ui/split_button/split_button_related_actions.png index b65dbbc43..a1bd2edf2 100644 Binary files a/images/ui/split_button/split_button_related_actions.png and b/images/ui/split_button/split_button_related_actions.png differ diff --git a/images/ui/split_button/split_button_related_actions_dark.png b/images/ui/split_button/split_button_related_actions_dark.png index d75c64304..b6905c10c 100644 Binary files a/images/ui/split_button/split_button_related_actions_dark.png and b/images/ui/split_button/split_button_related_actions_dark.png differ diff --git a/images/ui/split_button/split_button_tooltip_on_hover.png b/images/ui/split_button/split_button_tooltip_on_hover.png index 4e259ac01..df19afa05 100644 Binary files a/images/ui/split_button/split_button_tooltip_on_hover.png and b/images/ui/split_button/split_button_tooltip_on_hover.png differ diff --git a/images/ui/split_button/split_button_tooltip_on_hover_dark.png b/images/ui/split_button/split_button_tooltip_on_hover_dark.png new file mode 100644 index 000000000..fb99ad8a0 Binary files /dev/null and b/images/ui/split_button/split_button_tooltip_on_hover_dark.png differ diff --git a/images/ui/split_button/split_button_tooltip_on_hover_tooltip_dark.png b/images/ui/split_button/split_button_tooltip_on_hover_tooltip_dark.png new file mode 100644 index 000000000..fb99ad8a0 Binary files /dev/null and b/images/ui/split_button/split_button_tooltip_on_hover_tooltip_dark.png differ diff --git a/images/ui/split_button/split_button_unrelated_actions.png b/images/ui/split_button/split_button_unrelated_actions.png index 175018731..7b8ee10f5 100644 Binary files a/images/ui/split_button/split_button_unrelated_actions.png and b/images/ui/split_button/split_button_unrelated_actions.png differ diff --git a/images/ui/split_button/split_button_unrelated_actions_correct.png b/images/ui/split_button/split_button_unrelated_actions_correct.png index 92d8ef3d3..3ae5d7041 100644 Binary files a/images/ui/split_button/split_button_unrelated_actions_correct.png and b/images/ui/split_button/split_button_unrelated_actions_correct.png differ diff --git a/images/ui/split_button/split_button_unrelated_actions_correct_dark.png b/images/ui/split_button/split_button_unrelated_actions_correct_dark.png index 8c0af832f..d9f5daad0 100644 Binary files a/images/ui/split_button/split_button_unrelated_actions_correct_dark.png and b/images/ui/split_button/split_button_unrelated_actions_correct_dark.png differ diff --git a/images/ui/split_button/split_button_unrelated_actions_dark.png b/images/ui/split_button/split_button_unrelated_actions_dark.png index 9d9e2a3a6..4915da1ff 100644 Binary files a/images/ui/split_button/split_button_unrelated_actions_dark.png and b/images/ui/split_button/split_button_unrelated_actions_dark.png differ diff --git a/topics/ui/controls/split_button.md b/topics/ui/controls/split_button.md index e0147fc99..d4303fbb9 100644 --- a/topics/ui/controls/split_button.md +++ b/topics/ui/controls/split_button.md @@ -62,7 +62,7 @@ Putting the single action in the dropdown menu doesn't save a lot of space: Correct -Unrelated actions in separate buttons +Unrelated actions in separate buttons Exception: If the action is dangerous and uncommon, you can put it in the menu. @@ -96,6 +96,9 @@ Place related actions into the dropdown menu. Do not duplicate the main action i ![Unique actions in dropdown menu](split_button_related_actions.png){width=706} +If there is a dangerous action among other actions in the dropdown, add the line separators above and below it to lessen the chance of calling this action by mistake: + +![Dangerous action in the dropdown menu](split_button_dangerous_action_separator.png){width=706} [//]: # (### Reduce split button to simple action buttons) @@ -119,18 +122,25 @@ Place related actions into the dropdown menu. Do not duplicate the main action i * Open the dropdown menu with the first menu item selected on Alt+Shift+Enter. -* Do **not** show the dropdown menuwhen the button gains focus. +* Do not show the dropdown menu when the button gains focus. ### Focus on the button - - - - + +[//]: # ( ) + +[//]: # ( ) + +[//]: # ( ) + +[//]: # ( )
-

Enter

-

Ctrl+Enter

-
Invoke the default button action.
) + +[//]: # (

Enter

) + +[//]: # (

Ctrl+Enter

) + +[//]: # (
Invoke the default button action.
Space Invoke the main action.