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

fix height of console messages and fix #74

Browse source
This commit is contained in:
catarak 2016-08-27 19:22:41 -04:00
parent b79cec93b0
commit 515febceb2
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/styles/components/_console.scss
View file

@ -4,6 +4,8 @@
background: $console-light-background-color; background: $console-light-background-color;
z-index: 1000; z-index: 1000;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column;
& > { & > {
position:relative; position:relative;
@ -13,14 +15,17 @@
// assign styles to different types of console messages // assign styles to different types of console messages
.preview-console__log { .preview-console__log {
color: $dark-secondary-text-color; color: $dark-secondary-text-color;
flex: 1 0 auto;
} }
.preview-console__error { .preview-console__error {
color: $console-error-color; color: $console-error-color;
flex: 1 0 auto;
} }
.preview-console__warn { .preview-console__warn {
color: $console-warn-color; color: $console-warn-color;
flex: 1 0 auto;
} }
} }
@ -41,7 +46,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
height: #{121 / $base-font-size}rem; flex: 1 0 0%;
} }