From e66f240e8148fd63e6739950bd773b4052d91501 Mon Sep 17 00:00:00 2001
From: Maximilian Hils <git@maximilianhils.com>
Date: Thu, 18 Sep 2014 23:22:02 +0200
Subject: add splitter

---
 web/src/css/flowdetail.less |  1 +
 web/src/css/header.less     | 30 ------------------------------
 web/src/css/layout.less     | 14 +++++++++++++-
 3 files changed, 14 insertions(+), 31 deletions(-)

(limited to 'web/src/css')

diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 19eeecc0..88334391 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -1,4 +1,5 @@
 .flow-detail {
+    width: 100%;
     overflow: auto;
     
     nav {
diff --git a/web/src/css/header.less b/web/src/css/header.less
index 66e8ac8a..5f91beaf 100644
--- a/web/src/css/header.less
+++ b/web/src/css/header.less
@@ -7,37 +7,7 @@ header {
     }
 
     @separator-color: lighten(grey, 15%);
-/*
-    nav {
-        border-bottom: solid @separator-color 1px;
-
-        a {
-            display: inline-block;
-            padding: 3px 14px;
-            margin: 0 2px -1px;
-            border: solid transparent 1px;
-            //text-transform: uppercase;
-            //font-family: Lato;
 
-            &.active {
-                border-color: @separator-color;
-                border-bottom-color: white;
-            }
-            &.active, &:hover {
-                text-decoration: none;
-            }
-            &.special {
-                @special-color: #396cad;
-                color: white;
-                background-color: @special-color;
-                border-bottom-color: @special-color;
-                &:hover {
-                    background-color: lighten(@special-color, 10%);
-                }
-            }
-        }
-    }
-*/
     .menu {
         padding: 10px;
         border-bottom: solid @separator-color 1px;
diff --git a/web/src/css/layout.less b/web/src/css/layout.less
index 6e4abd24..55d6f61e 100644
--- a/web/src/css/layout.less
+++ b/web/src/css/layout.less
@@ -25,7 +25,19 @@ html, body, #container {
 
     .flow-detail, .flow-table {
         flex: 1 1 auto;
-        flex-basis: 50%;
     }
 
+}
+
+.splitter {
+    flex: 0 0 4px;
+    background-color: #ccc;
+    content: "X";
+
+}
+.splitter-x {
+    cursor: col-resize;
+}
+.splitter-y {
+    cursor: row-resize;
 }
\ No newline at end of file
-- 
cgit v1.2.3