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

Prevent flair pushing timeline downwards #2746

Merged
merged 2 commits into from
Mar 5, 2019
Merged

Conversation

bwindels
Copy link
Contributor

@bwindels bwindels commented Mar 5, 2019

The flair badges in the timeline make the sender part of an event tile taller, which AFAIK doesn't serve an aesthetical purpose, and makes it harder to keep the scroll position bottom aligned.

In case something regresses with the styling, we still set .mx_Flair on the container even though there are not profiles to render so the size can't change.

Here's toggling display: none on the .mx_Flair:
flair

It looks like this fixes element-hq/element-web#9018 & element-hq/element-web#8792

@bwindels bwindels requested a review from a team March 5, 2019 14:16
@jryans jryans self-assigned this Mar 5, 2019
Copy link
Collaborator

@jryans jryans left a comment

Choose a reason for hiding this comment

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

Thanks, this looks like a good improvement! 😁

@@ -117,7 +117,7 @@ export default class Flair extends React.Component {

render() {
if (this.state.profiles.length === 0) {
return <div />;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Huh, surprised it used to switch to a div when empty... Anyway, now it's fixed!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

room doesn't stick to bottom shortly after opening it
2 participants