mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-05-12 13:25: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>
<div <div
id="consolePromptEl" 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"> <svg width="18" height="18" fill="#346fd2">
<use xlinkHref="#chevron-icon" /> <use xlinkHref="#chevron-icon" />

10
src/style.css
View File

@ -87,6 +87,10 @@ button {
justify-content: flex-end; justify-content: flex-end;
} }
.flex-shrink-0 {
flex-shrink: 0
}
.fr { .fr {
float: right; float: right;
} }
@ -1375,11 +1379,15 @@ body > #demo-frame {
} }
.console .CodeMirror { .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 { .console__log {
flex: 1; flex: 1;
display: flex;
flex-direction: column;
} }
.console-exec-input { .console-exec-input {