box-flow all the things

2026-01-22 21:38:10 -05:00 · 2011-09-02 18:05:27 -07:00
parent b7f562dd32
commit 02028e156e
1 changed files with 11 additions and 18 deletions
--- a/static/index.html
+++ b/static/index.html
@@ -13,8 +13,7 @@
    #app-horizontal {
      background-color: orange;
      display: -webkit-box;
-      height: 100%;
-
+      min-height: 100%;
      -webkit-box-orient: horizontal;
    }

@@ -26,9 +25,12 @@
    }

    .main {
-      width: 100%;
      -webkit-box-flex: 1;
-      background-color: black;
+    }
+
+    .pane {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
    }

    .left {
@@ -47,6 +49,11 @@
      background-color: blue;
    }

+    #editor {
+      position: relative;
+      -webkit-box-flex: 1;
+      font: 18px Inconsolata, Monaco, Courier;
+    }
  </style>
 </head>
 <body>
@@ -56,20 +63,6 @@
  </div>
 </body>

-<style>
-* {
-  margin: 0;
-  padding: 0;
-}
-
-#editor {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  font: 18px Inconsolata, Monaco, Courier;
-}
-</style>
-
 <script>
  require('underscore');
  require('jquery');