schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use viewport height for blocklywindow

Browse Source
This commit is contained in:
Mario 2020-10-02 14:55:16 +02:00
parent 182b5ada77
commit 14455547a4
3 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CodeViewer.js
View File

@ -85,7 +85,7 @@ class CodeViewer extends Component {
var curlyBrackets = '{ }'; var curlyBrackets = '{ }';
var unequal = '<>'; var unequal = '<>';
return ( return (
<Card style={{height: '100%', maxHeight: '500px'}} ref={this.myDiv}> <Card style={{ height: '100%', maxHeight: '80vH' }} ref={this.myDiv}>
<Accordion <Accordion
square={true} square={true}
style={{ margin: 0 }} style={{ margin: 0 }}

2
src/components/Home.js
View File

@ -87,7 +87,7 @@ class Home extends Component {
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<TrashcanButtons /> <TrashcanButtons />
<BlocklyWindow blocklyCSS={{height: '500px'}} blockDisabled/> <BlocklyWindow blocklyCSS={{ height: '80vH' }} blockDisabled />
</Grid> </Grid>
{this.state.codeOn ? {this.state.codeOn ?
<Grid item xs={12} md={6}> <Grid item xs={12} md={6}>

2
src/components/Tutorial/Assessment.js
View File

@ -42,7 +42,7 @@ class Assessment extends Component {
<BlocklyWindow <BlocklyWindow
initialXml={statusTask ? statusTask.xml ? statusTask.xml : null : null} initialXml={statusTask ? statusTask.xml ? statusTask.xml : null : null}
blockDisabled blockDisabled
blocklyCSS={{height: '500px'}} blocklyCSS={{ height: '65vH' }}
/> />
</Grid> </Grid>
<Grid item xs={12} md={6} lg={4} style={isWidthDown('sm', this.props.width) ? { height: 'max-content' } : {}}> <Grid item xs={12} md={6} lg={4} style={isWidthDown('sm', this.props.width) ? { height: 'max-content' } : {}}>