box-ui-elements
box-ui-elements copied to clipboard
Annotation activity enhancement poc
trafficstars
Draft for Annotation activity card enhancements.
Few high level callouts:
- Moved the padding for each activity feed item from the
lito a mixin applied to each card so that the annotation card can be full width now that it is interactive - Moved the Annotation link inline with the timestamp but had to use a
FormattedMessageofonwith some margin on each side to provide the adequate spacing to join the timestamp with the annotation link. Open to suggestions if there's a better approach - To avoid excessive
preventDefaultandstopPropagationhandling of events within the annotation card, I introduced a concept ofisInteractiveso that under certain conditions (version is unavailable, the overflow menu is open, or the comment is being edited) the interactivity is removed
This Draft PR is for reference and separate PRs will be broken out for review

Added a gif