Mattia_Capozzi_WMDE created this task. Mattia_Capozzi_WMDE added projects: Mismatch Finder, Wikidata, Wikidata Design System. Restricted Application added a subscriber: Aklapper.
TASK DESCRIPTION As a WD/WB designer and developer, I want to contribute with a responsive variant of the complex dialog component to our component library, and reuse it in the Mismatch Finder, because it will allow users to: - Get the necessary information to work with the tool on smaller devices without compromising the quality of the design. Responsive Complex Dialog component in the context of the Mismatch Finder: F34694371: Screenshot 2021-10-18 at 16.54.11.png <https://phabricator.wikimedia.org/F34694371> **Acceptance criteria** [ ] The dialog is implemented according to the Figma specs <https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit?node-id=9098%3A17637> (which are fully outlined using tokens). [ ] The dialog follows the accessibility recommendations specified in the component documentation <https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit?node-id=9098%3A18059> [ ] The dialog's component-level tokens are created according to the naming convention and used to style the component (TBD by @Sarai-WMDE ) [ ] The dialog is displayed in Storybook according to the specifications (see below) [ ] The dialog has browser tests implemented (if needed) **Storybook:** [ ] Structure: the Dialog component has its own section is Storybook, called "Dialog". The section contains a "Simple" section demoing the Simple dialog variant, and a "Complex" section displaying the "Complex" dialog. [ ] Behavior: users should be able to interact with the dialogs: scrolling through the content (in case of the Complex dialog), and opening or closing them. (A button could serve as trigger) [ ] Controls: users should be able to modify the copy of the title, the body and the button labels of the dialog; and trigger the loading state if implemented (see notes) **Notes:** - It should be possible to leave the slot for the secondary action (represented by a normal neutral button) empty - Please note that the dialog component is always displayed on top of an overlay that covers 100% of the viewport's surface - Responsiveness: In the context of the Mismatch website, the responsive version of the Complex dialog should be triggered below a certain viewport to be decided (recommendation: 600px) TASK DETAIL https://phabricator.wikimedia.org/T293646 WORKBOARD https://phabricator.wikimedia.org/project/board/5385/ EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: Mattia_Capozzi_WMDE Cc: Mattia_Capozzi_WMDE, Aklapper, Sarai-WMDE, karapayneWMDE, Invadibot, maantietaja, Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, _jensen, rosalieper, Scott_WUaS, Volker_E, Wikidata-bugs, aude, Lydia_Pintscher, Mbch331
_______________________________________________ Wikidata-bugs mailing list -- wikidata-bugs@lists.wikimedia.org To unsubscribe send an email to wikidata-bugs-le...@lists.wikimedia.org
