Change Details

In T368422, an initial version was implemented to support basic topic selection in order to customize translation suggestions. The "Adjust suggestions view" provides a list of topics for users to select. This is intended to work similar to a [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html). However, currently it uses a non-standard transition: it appears flying from below the viewport and goes away flying up (not going to the same place where it came from): {F57725328} Following the [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html) and the current Codex [support for transitions](https://doc.wikimedia.org/codex/latest/design-tokens/transition.html), it seems that the standard is for elements to fade in/out. ___ It is not clear what motivated the use of the current transition. If there is a reason for this to show form below the viewport, we can consider keeping it but adjusting the way the elements disappear by flying back to the bottom too.

In T368422, an initial version was implemented to support basic topic selection in order to customize translation suggestions. The "Adjust suggestions view" provides a list of topics for users to select. This is intended to work similar to a [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html). However, currently it uses a non-standard transition: it appears flying from below the viewport and goes away flying up (not going to the same place where it came from): {F57725328} Following the [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html) and the current Codex [support for transitions](https://doc.wikimedia.org/codex/latest/design-tokens/transition.html), it seems that the standard is for elements to fade in/out. ___ It is not clear what motivated the use of the current transition. If there is a reason for this to show form below the viewport, we can consider keeping it but adjusting the way the elements disappear by flying back to the bottom too. ==Derived Requirement== Ensure that the "Adjust suggestions view" in the basic topic selection uses standard transitions for appearing and disappearing. These transitions should follow the Codex dialog component's fade-in and fade-out behavior. If a reason exists for using the current transition (flying from below the viewport), adjust it to ensure consistency by making the element disappear by flying back to the bottom. ====Test Steps __Test Case 1: Verify Standard Fade-in Transition for "Adjust Suggestions View"__ 1. Navigate to the translation suggestions interface. 2. Open the "Adjust suggestions view" by selecting the corresponding option. 3. ✅❓❌⬜ **AC1:** Confirm that the "Adjust suggestions view" fades into the viewport smoothly, following Codex dialog component standards. __Test Case 2: Verify Standard Fade-out Transition for "Adjust Suggestions View"__ 1. With the "Adjust suggestions view" open, close it by selecting the appropriate dismiss or close action. 2. ✅❓❌⬜ **AC2:** Confirm that the "Adjust suggestions view" fades out of the viewport smoothly, following Codex dialog component standards. __Test Case 3: Verify Consistency for Non-standard Transition (if applicable)__ 1. If the transition involves flying from below the viewport, confirm that the element flies back to the bottom when dismissed. 2. ✅❓❌⬜ **AC3:** Verify that the appearance and disappearance of the "Adjust suggestions view" maintain visual consistency when using the non-standard flying transition.

In T368422, an initial version was implemented to support basic topic selection in order to customize translation suggestions. The "Adjust suggestions view" provides a list of topics for users to select. This is intended to work similar to a [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html). However, currently it uses a non-standard transition: it appears flying from below the viewport and goes away flying up (not going to the same place where it came from): {F57725328} Following the [Codex dialog component](https://doc.wikimedia.org/codex/latest/components/demos/dialog.html) and the current Codex [support for transitions](https://doc.wikimedia.org/codex/latest/design-tokens/transition.html), it seems that the standard is for elements to fade in/out. ___ It is not clear what motivated the use of the current transition. If there is a reason for this to show form below the viewport, we can consider keeping it but adjusting the way the elements disappear by flying back to the bottom too. ==Derived Requirement== Ensure that the "Adjust suggestions view" in the basic topic selection uses standard transitions for appearing and disappearing. These transitions should follow the Codex dialog component's fade-in and fade-out behavior. If a reason exists for using the current transition (flying from below the viewport), adjust it to ensure consistency by making the element disappear by flying back to the bottom. ====Test Steps __Test Case 1: Verify Standard Fade-in Transition for "Adjust Suggestions View"__ 1. Navigate to the translation suggestions interface. 2. Open the "Adjust suggestions view" by selecting the corresponding option. 3. ✅❓❌⬜ **AC1:** Confirm that the "Adjust suggestions view" fades into the viewport smoothly, following Codex dialog component standards. __Test Case 2: Verify Standard Fade-out Transition for "Adjust Suggestions View"__ 1. With the "Adjust suggestions view" open, close it by selecting the appropriate dismiss or close action. 2. ✅❓❌⬜ **AC2:** Confirm that the "Adjust suggestions view" fades out of the viewport smoothly, following Codex dialog component standards. __Test Case 3: Verify Consistency for Non-standard Transition (if applicable)__ 1. If the transition involves flying from below the viewport, confirm that the element flies back to the bottom when dismissed. 2. ✅❓❌⬜ **AC3:** Verify that the appearance and disappearance of the "Adjust suggestions view" maintain visual consistency when using the non-standard flying transition.