r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

✨ add visibility padding to the bottom of the editor wrapper

Browse source
This commit is contained in:
ghalestrilo 2020-08-07 14:17:26 -03:00
parent dfedc81f66
commit 34be0e700d
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/components/mobile/IDEWrapper.jsx
View file

@ -2,7 +2,10 @@ import React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { remSize } from '../../theme'; import { remSize } from '../../theme';
// Applies padding to top and bottom so editor content is always visible
export default styled.div` export default styled.div`
z-index: 0; z-index: 0;
margin-top: ${remSize(16)}; margin-top: ${remSize(16)};
.CodeMirror-sizer > * { padding-bottom: ${remSize(320)}; };
`; `;