amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Beta] fix: gutter overlap with sandpack code on mobile (#5170)

Browse Source 
* fix: gutter overlap

* chore: move horizontal scrollbar to code-content
This commit is contained in:
Shanmughapriyan S
2022-10-17 02:56:39 +05:30
committed by GitHub
parent d07016aea8
commit 8fe817e61e
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
beta/src/styles/sandpack.css
View File

@@ -211,8 +211,14 @@ html.dark .sp-wrapper {
-webkit-font-smoothing: auto; /* Improve the legibility */
}
.sandpack .sp-code-editor .cm-content {
overflow-x: auto;
padding-bottom: 18px;
}
.sandpack--playground .sp-code-editor .cm-line {
padding: 0 var(--sp-space-3);
width: max-content;
}
.sandpack--playground .sp-code-editor .cm-lineNumbers {
@@ -250,8 +256,9 @@ html.dark .sp-wrapper {
}
.sp-code-editor .sp-cm .cm-scroller {
overflow: auto;
padding: 18px 0;
overflow-x: hidden;
overflow-y: auto;
padding-top: 18px;
}
/**