fix md editor height issue

phodal · Aug 30, 2016 · a514514 · a514514
1 parent 72cf070
commit a514514
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/public/css/react-md-editor.css b/public/css/react-md-editor.css
@@ -6,11 +6,23 @@
   border-radius: 4px;
   overflow: hidden;
   position: relative;
+  height: 100%;
 }
+
+.MDEditor_editor textarea {
+  height: 100%;
+  width: 100%;
+}
+
+.MDEditor_editor .CodeMirror {
+  height: 100%;
+}
+
 .MDEditor_toolbar {
   margin-bottom: 4px;
   margin-top: 4px;
 }
+
 .MDEditor_toolbarButton {
   background: #eee;
   border: 1px solid transparent;
@@ -25,6 +37,7 @@
   transition: all 180ms;
   -webkit-transition: all 180ms;
 }
+
 .MDEditor_toolbarButton:hover,
 .MDEditor_toolbarButton:focus {
   background-color: white;
@@ -34,28 +47,34 @@
   transition: none;
   -webkit-transition: none;
 }
+
 .MDEditor_toolbarButton:active,
 .MDEditor_toolbarButton--pressed {
   background-color: rgba(0, 0, 0, 0.15);
   border-color: rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
 }
+
 .MDEditor_toolbarButton:active:hover,
 .MDEditor_toolbarButton--pressed:hover {
   background: rgba(0, 0, 0, 0.2);
 }
+
 .MDEditor_toolbarButton_icon {
   display: inline-block;
   height: 16px;
   width: 16px;
 }
+
 .MDEditor_toolbarButton_icon > svg {
   height: 16px;
   width: 16px;
 }
+
 .MDEditor_toolbarButton_label {
   display: none;
 }
+
 .MDEditor_toolbarButton_label-icon {
   display: inline-block;
   font-size: 16px;