Input bar styling - submit button not working

10 files changed, 97 insertions, 52 deletions

diff --git a/index.html b/index.html
index d4435f84..b08fe0b4 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,13 @@
     <h4 class="task-close-text">got it</h4>
     <img class="task-close-button" src="res/img/close-alert-button.png">
   </div>
-  <div>
+  <div class="graph-view">
+    <div class="input-container">
+      <form> <input class="input-bar" id="textanalyser" placeholder="Add nodes and relationships"/></form>
+      <img class="add-button" src="res/img/add-button.png">
+      <div class="suggestion">
+      </div>
+    </div>
     <div class="info-container">
     <div class="edge_info" style="display:none">Title: <span id="edgetitle"></span><br/>
         <button id="deleteedge">Delete</button>
@@ -67,13 +73,6 @@
       </form>
     </div>
 
-
-    <!--<div id="textinputui">-->
-        <!--<div id="suggestion" >-->
-           <!--<form> <input id="textanalyser" size="70" placeholder="Type here to create a network"/></form>-->
-        <!--</div>-->
-    <!--</div>-->
-
     <div class="typeselection">
       <table>
         <tr><td><img id="keys" width="56" height="26" src="res/img/keys.png"/></td></tr>
diff --git a/res/css/modules/positions.scss b/res/css/modules/positions.scss
index 2fcd3d90..88b1362a 100644
--- a/res/css/modules/positions.scss
+++ b/res/css/modules/positions.scss
@@ -3,6 +3,6 @@ $search-bar-height: 48px;
 $search-icon-height: 20px;
 $task-alert-height: 48px;
 $task-desc-height: 20px;
-
+$input-bar-height:36px;
 
 $left-margin: 60px;
diff --git a/res/css/partials/base.scss b/res/css/partials/base.scss
index 5c76b51f..d565b86d 100644
--- a/res/css/partials/base.scss
+++ b/res/css/partials/base.scss
@@ -16,7 +16,7 @@ body {
   padding: 0;
   color: #FFF;
   font-size: 14px;
-  background-color:#080808;
+  background-color:#f5f5fa;
 }
 
 a{
diff --git a/res/css/partials/graph-view.scss b/res/css/partials/graph-view.scss
index b885031d..c2d1e2b8 100644
--- a/res/css/partials/graph-view.scss
+++ b/res/css/partials/graph-view.scss
@@ -1,3 +1,8 @@
+.graph-view {
+  width:100%;
+  background-color: #f5f5fa; //$light-grey
+}
+
 .node {
   stroke: #fff;
   stroke-width: 1px;
diff --git a/res/css/partials/input-bar.scss b/res/css/partials/input-bar.scss
new file mode 100644
index 00000000..07df842e
--- /dev/null
+++ b/res/css/partials/input-bar.scss
@@ -0,0 +1,43 @@
+.input-bar {
+  position: fixed;
+  display: block;
+  height: $input-bar-height;
+  width: 420px;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+20px;
+  left: $left-margin;
+  padding-left:8px;
+  border-radius: 4px;
+  border: 1px solid #919095;//$mid-grey
+  background: white;
+  &:focus {
+    border-radius: 4px;
+    border: 1px solid #919095;//$mid-grey
+    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);  }
+}
+
+.add-button {
+  position:fixed;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+22px;
+  height: 36px;
+  width: 36px;
+  left: 453px;
+}
+
+.suggestion{
+  list-style-type: none;
+}
+
+.suggestion td{
+  position:fixed;
+
+}
+
+.ui-helper-hidden-accessible{
+  position:fixed;
+  top: $top-bar-height+$search-bar-height+$task-alert-height+35px+$input-bar-height;
+  left:$left-margin+8px;
+  text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
+  font-size:16px;
+}
\ No newline at end of file
diff --git a/res/css/partials/input-field.scss b/res/css/partials/input-field.scss
deleted file mode 100644
index 39f5bdc2..00000000
--- a/res/css/partials/input-field.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-#textinputui {
-  position: fixed;
-  display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px;
-}
-
-#textanalyser{
-  float: left;
-  height:30px;
-  max-width: 70%;
-  width:900px;
-}
-
-#suggestion{
-  list-style-type: none;
-}
-
-#suggestion td{
-  padding-top: 5px;
-  padding-left: 200px;
-}
\ No newline at end of file
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
index c31ea756..d3cdc767 100644
--- a/res/css/partials/task-alert.scss
+++ b/res/css/partials/task-alert.scss
@@ -7,6 +7,7 @@
   border-top: #1D6E7F;//$dark-cyan
   border-bottom: #1D6E7F;//$dark-cyan
 }
+
 .task-desc{
   position:fixed;
   width:100%;
diff --git a/res/css/style.css b/res/css/style.css
index a5760a06..0c895b1c 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -10,7 +10,7 @@ body {
   padding: 0;
   color: #FFF;
   font-size: 14px;
-  background-color: #080808; }
+  background-color: #f5f5fa; }
 
 a {
   text-decoration: none;
@@ -122,6 +122,10 @@ table {
   float: right;
   width: 50%; }
 
+.graph-view {
+  width: 100%;
+  background-color: #f5f5fa; }
+
 .node {
   stroke: #fff;
   stroke-width: 1px;
@@ -263,25 +267,43 @@ table {
   position: fixed;
   left: 800px; }
 
-#textinputui {
+.input-bar {
   position: fixed;
   display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px; }
+  height: 36px;
+  width: 420px;
+  top: 152px;
+  left: 60px;
+  padding-left: 8px;
+  border-radius: 4px;
+  border: 1px solid #919095;
+  background: white; }
+  .input-bar:focus {
+    border-radius: 4px;
+    border: 1px solid #919095;
+    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); }
 
-#textanalyser {
-  float: left;
-  height: 30px;
-  max-width: 70%;
-  width: 900px; }
+.add-button {
+  position: fixed;
+  top: 154px;
+  height: 36px;
+  width: 36px;
+  left: 453px; }
 
-#suggestion {
+.suggestion {
   list-style-type: none; }
 
-#suggestion td {
-  padding-top: 5px;
-  padding-left: 200px; }
+.suggestion td {
+  position: fixed; }
+
+.ui-helper-hidden-accessible {
+  position: fixed;
+  top: 203px;
+  left: 68px;
+  text-shadow: -1px 1px 8px #E DE275, 1px -1px 8px #EDE275;
+  font-size: 16px; }
 
 .typeselection {
   position: fixed;
diff --git a/res/css/style.css.map b/res/css/style.css.map
index a63f7c5c..71616ffc 100644
--- a/res/css/style.css.map
+++ b/res/css/style.css.map
@@ -1,7 +1,7 @@
 {
 "version": 3,
-"mappings": "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",
-"sources": ["style.scss","partials/base.scss","modules/typography.scss","partials/reset.scss","partials/dev-area.scss","partials/graph-view.scss","partials/input-field.scss","partials/input-bubble.scss","partials/info-box.scss","partials/search-bar.scss","modules/positions.scss","partials/task-alert.scss","partials/top-bar.scss","partials/typography.scss"],
+"mappings": "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",
+"sources": ["style.scss","partials/base.scss","modules/typography.scss","partials/reset.scss","partials/dev-area.scss","partials/graph-view.scss","partials/input-bar.scss","modules/positions.scss","partials/input-bubble.scss","partials/info-box.scss","partials/search-bar.scss","partials/task-alert.scss","partials/top-bar.scss","partials/typography.scss"],
 "names": [],
 "file": "style.css"
 }
\ No newline at end of file
diff --git a/res/css/style.scss b/res/css/style.scss
index 3ac96c80..562b6238 100644
--- a/res/css/style.scss
+++ b/res/css/style.scss
@@ -9,7 +9,7 @@
 @import "partials/dev-area";
 @import "partials/graph-view";
 @import "partials/grid";
-@import "partials/input-field";
+@import "partials/input-bar";
 @import "partials/input-bubble";
 @import "partials/info-box";
 @import "partials/metro-view";