No-dragging design solution: Flip button
( taken from T247957#6065384 )
Mock
Uses OOUI markup icon at 16x16 px, rotated 90 deg. This should use the OOUI ButtonWidget (icon only) in the standard size 44 x 32 px . When clicked, it flips the position of the two comments.
The text labels for the entries should be 14px.
Acceptability Criteria
- Users are able to change the order of the comments by clicking the 'flip' button. This will only be possible for the two conflicting comments and only in in the specific spot the conflict occurred.
- When the changes are saved or previewed the changes to the order will be respected accordingly
- On hover over the flip button, users see the tooltop: "Switch order"
See T247957#6069138 and T247957#6070252 for clarification on the fade-out. It should be kept as it is with fading out from the bottom in all cases.
