From 515febceb2ae4c4dbd45e79981d458290ace08ae Mon Sep 17 00:00:00 2001 From: catarak Date: Sat, 27 Aug 2016 19:22:41 -0400 Subject: [PATCH] fix height of console messages and fix #74 --- client/styles/components/_console.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/client/styles/components/_console.scss b/client/styles/components/_console.scss index e1fd9658..d96dfd4c 100644 --- a/client/styles/components/_console.scss +++ b/client/styles/components/_console.scss @@ -4,6 +4,8 @@ background: $console-light-background-color; z-index: 1000; overflow: hidden; + display: flex; + flex-direction: column; & > { position:relative; @@ -13,14 +15,17 @@ // assign styles to different types of console messages .preview-console__log { color: $dark-secondary-text-color; + flex: 1 0 auto; } .preview-console__error { color: $console-error-color; + flex: 1 0 auto; } .preview-console__warn { color: $console-warn-color; + flex: 1 0 auto; } } @@ -41,7 +46,7 @@ display: flex; flex-direction: column; overflow-y: auto; - height: #{121 / $base-font-size}rem; + flex: 1 0 0%; }