[43842] Re-design and small changes to modal dialogues (DS) for coherence
Modal redesign changes:
- [x] WP deletion changes:
The header section does not have a divider. The text has been modified to include the name of the WP inside. The action button changed to “Delete” and now includes an icon.
- [x] Invite user:
Modal dialog doesn’t include “X” button on the header anymore. The action bar now contains the option button “Back” and the always present option to “cancel” The process has been simplified to only three steps instead of one step per each form field. Now the form fields “Name or email address”, “Role in project [X]” and “Invitation message” are in a single step. The guidelines texts in the “Role in project [X]” and “Invitation message” are now more generic (no user name). The last step now also includes the text from the field “Invitation message”.
- [x] Log time:
Modal dialog doesn’t include “X” button on the header anymore.
- [x] Add widget:
Modal dialog doesn’t include “X” button on the header anymore. The list in the middle doesn’t have dividers anymore as now is using the spot-list default component as base. There is an action bar with only one action “Cancel”.
- [x] New Board:
Modal dialog doesn’t include “X” button on the header anymore. There is an action bar with only one action “Cancel”. The new width is 60REM (960px) as 70REM is removed as width size.
- [x] Board > Configure this board:
Modal dialog doesn’t include “X” button on the header anymore. The size of the modal depends on the content and not a fix height.
- [x] Work package table > Table settings:
Modal dialogs doesn’t include “X” button on the header anymore. The height of the modal is now fixed depending on the highest tab option (in this case the tab “Display settings” in order to avoid flickering behavior. The action bar is now gray and the order of the buttons is with the positive action in the right. The new width is 60REM (960px) as 70REM is removed as width size.
- [x] Work package table > Export:
Modal dialogs doesn’t include “X” button on the header anymore. There is an action bar with only one action “Cancel”.
- [x] Work package table/Calendar/Board/Team planner > Save as:
Modal dialog doesn’t include “X” button on the header anymore. The divider in the content has been switched with the “Visibility settings” header. “Visibility settings” header font is reduced. The action bar now includes two buttons “Cancel” and “Save”. Only the ”Save” includes icon.
- [x] Work package table/Calendar/Board/Team planner > Visibility settings:
Modal dialogs doesn’t include “X” button on the header anymore. The size of the modal depends on the content and not a fix height. The action bar now includes two buttons “Cancel” and “Save”. Only the ”Save” includes icon.
- [x] Help text:
Modal dialogs doesn’t include “X” button on the header anymore. The header section does not have divider. The action bar now includes two buttons “Close” and “Edit”.
- [x] Help > Introduction video:
Modal dialogs doesn’t include “X” button on the header anymore. The header section does not have color. The action bar now includes two buttons“Close”. The text ”You can restart this video from the help menu” is now part of the description.
- [x] My account > Two-factor authentication > Backup codes password:
Modal dialogs doesn’t include “X” button on the header anymore. The action bar now includes two buttons“Cancel” and “Confirm”.
- [x] My account > Two-factor authentication > Delete authentication:
Modal dialogs doesn’t include “X” button on the header anymore. The action bar now includes two buttons“Cancel” and “Confirm”.
- [x] Administration > Attribute help texts > Preview help text:
Modal dialogs doesn’t include “X” button on the header anymore. The header section does not have divider. The action bar now includes two buttons “Close” and “Edit”.
- [x] Administration > Enterprise Edition > Delete token:
Modal dialogs doesn’t include “X” button on the header anymore. The header section does not have divider. All texts has been actualized to make the action clearer. The action bar now includes two buttons “Cancel” and “Delete”. The second one now includes icon.
- [x] Administration > GDPR > Review DPA:
Modal dialogs doesn’t include “X” button on the header anymore. Now there is an action bar with the button “Close”.
https://community.openproject.org/projects/openproject/work_packages/43842/activity
Should we already review this or wait, until all checkboxes are checked?
Should we already review this or wait, until all checkboxes are checked?
Hi @Kharonus , I am still working on the PR. Some of the changes are applied.