mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-25 12:10:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adds horizontal scrolling to content that overflows in gr.Markdown (#5394)

Browse Source 
* markdown'

* add changeset

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
Abubakar Abid 2023-08-31 16:39:49 -07:00 committed by GitHub
parent 79d8f9d891
commit 4d94ea0a0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/happy-hairs-tell.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/markdown": patch
"gradio": patch
---
fix:Adds horizontal scrolling to content that overflows in gr.Markdown

13
js/markdown/Markdown.stories.svelte
View File

@ -41,6 +41,18 @@ in two separate lines.`
}}
/>
<Story
name="Markdown with Wide Content (Horizontal Scrolling)"
args={{
value: `| ids | ids | ids |
| ---------------------------------- | ---------------------------------- | ---------------------------------- |
| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz |
| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz |
| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz |
`
}}
/>
<Story name="Right aligned Markdown" args={{ rtl: true }} />
<Story
@ -50,3 +62,4 @@ in two separate lines.`
latex_delimiters: [{ left: "$", right: "$", display: false }]
}}
/>

1
js/markdown/static/Markdown.svelte
View File

@ -56,6 +56,7 @@
div {
max-width: 100%;
overflow-x: auto;
}
.min {