mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: fix layout for smaller screens (#1707)

Browse source 
Fixes #1649
This commit is contained in:
Gregor Wassmann 2023-03-26 18:34:08 +02:00 • committed by GitHub
commit 9c1b0c1278
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
docs/src/global.css
View file

@ -33,6 +33,11 @@ html[theme="g90"] .code-override {
overflow-x: auto; overflow-x: auto;
} }
/* Addig this to the layout grid fixes overstretching. */
.fix-overflow {
min-width: 0;
}
.token.tag, .token.tag,
.token.operator { .token.operator {
color: #6ea6ff; color: #6ea6ff;

2
docs/src/layouts/ComponentLayout.svelte
View file

@ -66,7 +66,7 @@
</script> </script>
<Content data-components> <Content data-components>
<Grid> <Grid class="fix-overflow">
<Row> <Row>
<Column> <Column>
<h1>{component}</h1> <h1>{component}</h1>