Commit a89231ca authored by Jacob Schatz's avatar Jacob Schatz

Add experimental flex css.

parent 9e406fd1
...@@ -42,6 +42,8 @@ ...@@ -42,6 +42,8 @@
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: $border-radius-default; border-radius: $border-radius-default;
color: $almost-black; color: $almost-black;
display: flex;
height: 600px;
header { header {
background: $gray-light; background: $gray-light;
...@@ -49,8 +51,9 @@ ...@@ -49,8 +51,9 @@
} }
.panel-right { .panel-right {
display: inline-block; display: flex;
width: 80%; width: 80%;
flex-direction: column;
.monaco-editor.vs { .monaco-editor.vs {
.line-numbers { .line-numbers {
...@@ -143,7 +146,7 @@ ...@@ -143,7 +146,7 @@
} }
#ide { #ide {
height: 75vh; flex: 1;
} }
#repo-file-buttons { #repo-file-buttons {
...@@ -206,12 +209,15 @@ ...@@ -206,12 +209,15 @@
#sidebar { #sidebar {
table {
margin-bottom: 0;
}
&.sidebar-mini { &.sidebar-mini {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
width: 20%; width: 20%;
border-right: 1px solid $white-normal; border-right: 1px solid $white-normal;
height: 100vh;
overflow: auto; overflow: auto;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment