matrix-react-sdk icon indicating copy to clipboard operation
matrix-react-sdk copied to clipboard

Reduce bottom margin of ReplyChain on compact modern layout

Open luixxiul opened this issue 3 years ago • 1 comments

Closes https://github.com/vector-im/element-web/issues/22748

This PR reduces bottom margin of ReplyChain on compact modern layout from 8px to 4px, specifying the common margin value for both bubble and modern/group layouts on _EventTile.scss.

Input on design/UI would be appreciated.

Before After
before after
before after

type: enhancement

Signed-off-by: Suguru Hirahara [email protected]


Here's what your changelog entry will look like:

✨ Features

  • Reduce bottom margin of ReplyChain on compact modern layout (#8972). Fixes vector-im/element-web#22748. Contributed by @luixxiul.

luixxiul avatar Jul 02 '22 14:07 luixxiul

I requested design review. Please ping the 3 people listed as reviewers when the design review is done. Thanks!

andybalaam avatar Jul 06 '22 10:07 andybalaam

It's been almost 9 months since this has been opened. Given the motivation outlined in https://github.com/vector-im/element-web/issues/22748, this looks like an improvement to me as it increases the consistency of spacings in the timeline. So let's move forward on this.

Since the code has changed since the initial review, I suggest we do another review and then land it.

Johennes avatar Feb 24 '23 14:02 Johennes

I should be able to implement a Percy test if there would be a test of ReplyChain already (I am not quite sure how to set it up... perhaps on timeline.spec.ts?)

luixxiul avatar Feb 25 '23 06:02 luixxiul

@gaelledel could you give us a quick review on this one please?

Johennes avatar Feb 27 '23 11:02 Johennes