Fix(css): react-layout and editor area

2016-07-30 01:04:40 +05:30
parent 421622dfc4
commit 3d8ec49520
8 changed files with 95 additions and 69 deletions
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -69,7 +69,11 @@ body.no-top-and-bottom-margins {

 body.react-layout {
  margin-top: 75px;
-  margin-bottom: 0px;
+  margin-bottom: 15px;
+  width: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+  min-height: 650px;
 }

 h1, h2 {
@@ -906,18 +910,6 @@ code {
  padding: 1px 5px;
 }

-@media only screen and (min-width: 993px) {
-  .iframe-scroll {
-    z-index: 1;
-  }
-}
-@media only screen and (max-width: 992px) {
-  .iframe-scroll {
-    height: auto;
-    overflow: auto;
-  }
-}
-
 // Calculator styles

 .chart rect {