Fixed editor height issue

eveningkid · Apr 22, 2018 · f333c2f · f333c2f
1 parent f0f435e
commit f333c2f
Showing 1 changed file with 28 additions and 4 deletions.
diff --git a/src/app.global.css b/src/app.global.css
@@ -14,6 +14,30 @@
  * TODO Will be refactored before first release
  */
 
+.gutter-git-diff-modified::after {
+  content: ' ';
+  margin-top: 8px;
+  margin-left: 5px;
+  width: 5px;
+  height: 5px;
+  position: absolute;
+  border-radius: 50%;
+  background: orange;
+}
+
+.gutter-git-diff-new::after {
+  content: ' ';
+  margin-top: 8px; /* (22 - 5) / 2 */
+  margin-left: 5px;
+  width: 5px;
+  height: 5px;
+  position: absolute;
+  border-radius: 50%;
+  background: green;
+  /* border-left: 2px solid green; */
+  /* background: green; */
+}
+
 /* That one comes from github */
 kbd {
   display: inline-block;
@@ -148,14 +172,14 @@ body {
   position: relative;
 }
 
-.react-codemirror2, .Editor {
-  height: 10px;
-}
-
 .Editor, .CodeMirror {
   height: 100%;
 }
 
+.CodeMirror {
+  height: calc(100vh - 60px);
+}
+
 .Editor {
   display: flex;
   flex-direction: column;