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

Fix scroll in CodeEditor, adding scroll in right panel. and adding padding bottom in code. #91

Browse Source
This commit is contained in:
Damaera
2017-10-09 14:23:41 +07:00
parent 695e7905df
commit b450b0d2c7
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/CodeEditor/CodeEditor.js
View File

@@ -122,17 +122,20 @@ class CodeEditor extends Component {
height: '100%',
width: '100%',
borderRadius: '0',
maxHeight: '340px !important',
marginTop: '0 !important',
marginLeft: '0 !important',
paddingLeft: '0 !important',
marginRight: '0 !important',
paddingRight: '0 !important',
marginBottom: '0 !important',
paddingBottom: '20px !important',
[media.lessThan('medium')]: {
marginBottom: '0 !important',
},
'& pre.prism-code[contenteditable]': {
maxHeight: '280px !important',
outline: 0,
overflow: 'auto',
marginRight: '0 !important',
@@ -203,6 +206,8 @@ class CodeEditor extends Component {
<div
css={{
padding: 10,
maxHeight: '340px !important',
overflow: 'auto',
'& input': {
width: '100%',