jb/paseo
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(app): prevent markdown list content overflow with proper flex shrinking

Browse Source
This commit is contained in:
Mohamed Boudra
2025-12-23 16:09:16 +00:00
parent 6a9b57ae0c
commit 4a4a2507dd
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/styles/markdown-styles.ts
+6
View File
@@ -216,26 +216,32 @@ export function createMarkdownStyles(theme: Theme) {
bullet_list: { bullet_list: {
marginVertical: theme.spacing[2], marginVertical: theme.spacing[2],
paddingLeft: theme.spacing[1], paddingLeft: theme.spacing[1],
width: "100%" as const,
}, },
ordered_list: { ordered_list: {
marginVertical: theme.spacing[2], marginVertical: theme.spacing[2],
paddingLeft: theme.spacing[1], paddingLeft: theme.spacing[1],
width: "100%" as const,
}, },
list_item: { list_item: {
marginBottom: theme.spacing[1], marginBottom: theme.spacing[1],
flexDirection: "row" as const, flexDirection: "row" as const,
alignItems: "flex-start" as const, alignItems: "flex-start" as const,
width: "100%" as const,
flexShrink: 1,
}, },
bullet_list_content: { bullet_list_content: {
flex: 1, flex: 1,
flexShrink: 1,
flexWrap: "wrap" as const, flexWrap: "wrap" as const,
}, },
ordered_list_content: { ordered_list_content: {
flex: 1, flex: 1,
flexShrink: 1,
flexWrap: "wrap" as const, flexWrap: "wrap" as const,
}, },