We intend to use the Compound Web Toast component on mobile for Element Call. Some slight platform-dependent tweaks to the styles would help make the toasts look more native:
- They should have a dark background in dark themes and light background in light themes, rather than inverting the colors like the Web designs do.
- They have slightly different icon size, spacing, and padding values.
Android designs
iOS designs
Recreating the iOS Liquid Glass effect in CSS is out of scope for this task. As agreed with Aaron, a plain, solid background on iOS is okay.
We intend to use the Compound Web Toast component on mobile for Element Call. Some slight platform-dependent tweaks to the styles would help make the toasts look more native:
Android designs
iOS designs
Recreating the iOS Liquid Glass effect in CSS is out of scope for this task. As agreed with Aaron, a plain, solid background on iOS is okay.