ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 10:02:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat: positively apply margins to mentions

Browse Source 
Fixes urbit/landscape#468
This commit is contained in:
James Acklin 2021-02-20 13:47:45 -05:00
parent ec7d8462f6
commit 018900ab74
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
View File

@ -448,7 +448,7 @@ export const Message = ({
const first = (i) => (i === 0);
return (
<Mention
marginLeft={first(i) ? "-4px" : "0"}
first={first(i)}
group={group}
scrollWindow={scrollWindow}
ship={content.mention}

6
pkg/interface/src/views/components/MentionText.tsx
View File

@ -38,8 +38,9 @@ export function Mention(props: {
group: Group;
scrollWindow?: HTMLElement;
ship: string;
first?: Boolean;
}) {
const { contacts, ship, scrollWindow, ...rest } = props;
const { contacts, ship, scrollWindow, first, ...rest } = props;
let { contact } = props;
contact = contact?.color ? contact : contacts?.[ship];
const history = useHistory();
@ -56,7 +57,8 @@ export function Mention(props: {
<Box position='relative' display='inline-block' cursor='pointer' {...rest}>
<Text
onClick={() => toggleOverlay()}
mx={1}
marginLeft={first? 0 : 1}
marginRight={1}
px={1}
bg='washedBlue'
color='blue'