Problem
The Mismatch Finder's user interface was composed using a combination of Vue 2 custom components and WiKit elements, such as Dialog. The WiKit design system is now on its deprecation path, as it has been superseded by Codex, the official Wikimedia design system. The utilization of WiKit components is not recommended, and they should be replaced in order to reduce maintenance costs and ensure consistency.
Solution
We have to replace the WiKit Dialog by the Codex equivalent: cdx-dialog (See demo). This will take us a step closer to switching to the new design system and deprecating the old.
Main page | Results page |
---|---|
FAQ dialog: | Instructions dialog: | Upload info dialog: Confirmation dialog:
Considerations
We'll need to replace the WiKit checkbox by Codex's within the Dialog. See T347200
Beware of positioning
Acceptance criteria
- All WiKit Dialogs in Mismatch Finder are replaced by their Codex equivalent