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

Fixes right panel composer look and feel #8783

Closed
wants to merge 1 commit into from

Conversation

germain-gg
Copy link
Contributor

@germain-gg germain-gg commented Jun 8, 2022

Fixes element-hq/element-web#22459

🤮 Before 💅 After
Screen Shot 2022-06-08 at 09 39 54 Screen Shot 2022-06-08 at 09 35 54

I removed the top outline on the reply preview container as the composer is already in a box when used in that container and the border radius used there does not match the border radius of the outer container.


Here's what your changelog entry will look like:

🐛 Bug Fixes

@germain-gg germain-gg requested a review from a team as a code owner June 8, 2022 08:42
@germain-gg germain-gg added the T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems label Jun 8, 2022
Copy link
Member

@t3chguy t3chguy left a comment

Choose a reason for hiding this comment

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

Looks sane to me!

@DoM1niC
Copy link

DoM1niC commented Jun 8, 2022

grafik
Emojis in Composer does not look fit, this issue can fixed too in this PR?

@germain-gg
Copy link
Contributor Author

@DoM1niC I'm not sure I can reproduce that. I'd recommend you open a ticket describing steps to reproduce

Copy link
Contributor

@niquewoodhouse niquewoodhouse left a comment

Choose a reason for hiding this comment

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

Nice, I think a couple of more tweaks help the composer fit more into the right panel.

.mx_MessageComposer_row padding: 8px 12px

this makes the composer a bit shorter by default so it fits better into the smaller space, although it does seems to make the action icons jump around a bit in the screenshot below.

image

Content:

I'm not sure if this was implemented but in the Threads designs, the hint was "Reply to thread" not the same as the default composer hint "Send encrypted message..." - if that was implemented, can it return please? It gives user more context.

Border-colour: please could we remove the focus colour border change for now, while gathering more feedback? I think it makes the composer fit more naturally next to it's icons which is more noticeable on the threads

@luixxiul
Copy link
Contributor

luixxiul commented Jun 9, 2022

image

Why not simply using flex align-items: center, removing all of the block margin in pixel values around there, because flexbox model is intended to be used for ensuring the same height for all of the elements inside it?

For example, of my closed PR: pull/8799/commits/d5b5ef93ed911ca7d7ace521364360798cea52e5

@turt2live turt2live added the X-Blocked The PR cannot move forward in any capacity until an action is made label Jun 14, 2022
@turt2live
Copy link
Member

blocked on future of the composer

@luixxiul
Copy link
Contributor

@DoM1niC it was very easy to reproduce the issue, and the issue was logged here: element-hq/element-web#22508

grafik Emojis in Composer does not look fit, this issue can fixed too in this PR?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems X-Blocked The PR cannot move forward in any capacity until an action is made
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Composer looks awkward in the right panel
6 participants