Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Improve message editing UI #5876

Conversation

SimonBrandner
Copy link
Contributor

@SimonBrandner SimonBrandner commented Apr 16, 2021

Fixes #9752

Screenshot_20210417_151750

Note: This has a little problem with overlap with the composer. We can't always place the edit message composer above the main composer. This is because of two reasons: I don't know how (something seems to be magically broken), we actually don't want this since it would look bad when scrolling the timeline while editing. Because of this, when editing the last message we move the timeline up a bit. This isn't that awful in itself but a problem appears when we edit the message and increase its number of lines:

Screenshot_20210417_210136

I am open to any suggestion on how to improve/fix this! :)

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
So that the editMessageComposer is below it

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This somewhat works

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
@SimonBrandner SimonBrandner marked this pull request as ready for review April 17, 2021 19:03
@germain-gg germain-gg requested a review from a team April 19, 2021 07:51
@turt2live turt2live requested a review from a team April 28, 2021 15:50
Copy link
Member

@turt2live turt2live left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall the code looks fine, just a few small lint/maintenance concerns

res/css/views/rooms/_EditMessageComposer.scss Outdated Show resolved Hide resolved
res/css/views/rooms/_EditMessageComposer.scss Outdated Show resolved Hide resolved
res/css/views/rooms/_EditMessageComposer.scss Outdated Show resolved Hide resolved
res/css/views/rooms/_EventTile.scss Outdated Show resolved Hide resolved
res/css/views/rooms/_EventTile.scss Outdated Show resolved Hide resolved
res/css/views/rooms/_EventTile.scss Outdated Show resolved Hide resolved
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
@SimonBrandner SimonBrandner requested review from turt2live and removed request for a team May 11, 2021 05:40
@SimonBrandner
Copy link
Contributor Author

Oops, the design review missing as usual...

Copy link
Member

@turt2live turt2live left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@turt2live turt2live requested a review from a team May 15, 2021 01:33
…editing-ui

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
@SimonBrandner SimonBrandner added the T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements label Aug 4, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Message editing: Ensure the timeline layout doesn't change when editing
2 participants