OOUI dialog transitions fade in and grow from the centre of the screen, specifically:
- opacity: 0% >>> 100%
- scale: 50% >>> 100%
In VE mobile we used an additional transition for full screen dialogs to have them slide in from above:
- translateY: -100% >>> 0%
(they also fade in and grow while doing so as above)
We should consider if we want a different transition for full screen dialogs on mobile (or smaller alert dialogs on mobile) and upstream this code to OOUI. Or decide that we want to use the same transition everywhere and delete the VE code.
Transition inventory
Full-screen, single-page dialogs
- Contexts:
- Links,
- Images
- Templates
- Citations
- Galleries, etc.
- Actions:
- "Done"/"Apply"
- "Close"/"Back"/"Cancel"
Full-screen, single-page dialogs that can take contributors in/out of edit mode
- Contexts:
- Save
- Actions:
- "Publish" (publishes changes + exits edit mode)
- "Close"/"Back"/"Cancel"
Full-screen, multi-page dialogs
- Contexts:
- Citoid
- Actions:
- "Generate"
- "Insert"