-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Visual tweaks #5672
Visual tweaks #5672
Conversation
@keybase/react-hackers |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM if tests pass!
@@ -9,7 +9,7 @@ import type {Props} from './header' | |||
const Header = ({participants, onOpenFolder, onToggleSidePanel, sidePanelOpen, you, metaDataMap, followingMap, onShowProfile}: Props) => ( | |||
<Box style={containerStyle}> | |||
<Usernames colorFollowing={true} inline={false} commaColor={globalColors.black_40} type='BodyBig' users={usernamesToUserListItem(participantFilter(participants, you).toArray(), you, metaDataMap, followingMap)} | |||
containerStyle={{flex: 1, textAlign: 'center', justifyContent: 'center'}} onUsernameClicked={onShowProfile} /> | |||
containerStyle={{flex: 1, textAlign: 'center', justifyContent: 'center', marginLeft: 48}} onUsernameClicked={onShowProfile} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would globalMargins.large
be appropriate here instead of 48
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hmm, no globalMargins.large is 40px, not 48. This tweak is to recenter the usernames in the header by pushing them by 2 times 24 (from both icons on the right side).
@@ -139,7 +139,7 @@ class Avatar extends Component<void, Props, State> { | |||
{this.props.backgroundColor && | |||
<div | |||
style={{...avatarStyle, | |||
...borderStyle, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks like this removes the logic that handles a this.props.borderColor
passed in to the component. I don't see it being used anywhere, so you can probably delete the const borderStyle = this.props.borderColor ? {borderRadius...
line too.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Max and I chatted live about this - the borderColor attribute is used in the nav bar so we're keeping it.
{badgeNumber > 0 && | ||
<Box style={{...styleBadgeNav}}> | ||
<Badge badgeNumber={badgeNumber} badgeStyle={{marginLeft: 0, marginRight: 0}} /> | ||
<Badge badgeNumber={badgeNumber} badgeStyle={{marginLeft: 0, marginRight: 8}} outlineColor={globalColors.midnightBlue} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
globalMargins.tiny
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
The commits 92afd2a...045ebed introduce visual changes on linux. 🔎 7 new, 19 changed
|
The commits 92afd2a...045ebed introduce visual changes on linux. 🔎 7 new, 19 changed
|
The commits 1f9d0f5...bc853b7 introduce visual changes on linux. 🔎 7 new, 19 changed
|
No description provided.