urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-19 08:32:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

GraphContent: disable nested blockquotes, preserve newlines, fix line-height

Browse Source
This commit is contained in:
Liam Fitzgerald 2021-05-10 11:57:45 +10:00
parent fde77ce5f9
commit 13285f03f7
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pkg/interface/src/views/landscape/components/Graph/GraphContent.tsx
View File

@ -275,20 +275,23 @@ const renderers = {
},
emphasis: ({ children }) => {
return (
<Text fontStyle="italic" fontSize="1" lineHeight={'20px'}>
<Text fontStyle="italic" fontSize="1" lineHeight="tall">
{children}
</Text>
)
},
blockquote: ({ children, tall, ...rest }) => {
blockquote: ({ children, depth, tall, ...rest }) => {
if(depth > 1) {
return children;
}
return (
<Text
lineHeight="20px"
lineHeight="tall"
display="block"
borderLeft="1px solid"
color="black"
paddingLeft={2}
py="1"
mb="1"
>
{children}
@ -297,7 +300,7 @@ const renderers = {
},
paragraph: ({ children }) => {
return (
<Text fontSize="1" lineHeight={'20px'}>
<Text fontSize="1" lineHeight="tall">
{children}
</Text>
);
@ -384,7 +387,16 @@ const renderers = {
{children}
</Box>
: <Box>{children}</Box>,
text: ({ value }) => value,
text: ({ value }) => (
<>
{value.split('\n').map((v,idx) => (
<React.Fragment key={idx}>
{idx !== 0 ? <br /> : null}
{v}
</React.Fragment>
))}
</>
),
};
export function Graphdown<T extends {} = {}>(