mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-05-11 12:55:22 +02:00
Code Issues Releases Wiki Activity

Fix console codemirror overflow issue. fixes #324

Browse Source
This commit is contained in:
Kushagra Gour 2018-09-29 11:50:55 +05:30
parent c6029293f2
commit eade2d3b1a
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ContentWrap.jsx
View File

@ -928,7 +928,7 @@ export default class ContentWrap extends Component {
</div>
<div
id="consolePromptEl"
class="console__prompt flex flex-v-center"
class="console__prompt flex flex-v-center flex-shrink-0"
>
<svg width="18" height="18" fill="#346fd2">
<use xlinkHref="#chevron-icon" />

10
src/style.css
View File

@ -87,6 +87,10 @@ button {
justify-content: flex-end;
}
.flex-shrink-0 {
flex-shrink: 0
}
.fr {
float: right;
}
@ -1375,11 +1379,15 @@ body > #demo-frame {
}
.console .CodeMirror {
height: calc(100% - 30px);
flex-grow: 1;
/* flex-basis of 0 to trigger overflow https://stackoverflow.com/a/52489012/891962 */
flex-basis: 0;
}
.console__log {
flex: 1;
display: flex;
flex-direction: column;
}
.console-exec-input {