Merge pull request neo4j#2879 from wallin/browser_cleanup

Browser cleanup

Author: oskarhane

community/browser/app/content/guides/movie-graph.jade

@@ -29,7 +29,7 @@ article.guide
           li Notice it gets copied to the editor above ↑
           li Click the editor's play button to exectute
           li Wait for the query to finish
-        p.text-center.text-warning WARNING: This adds data to the current database, each time it is run!
+        p.text-center.text-warning.bg-warning WARNING: This adds data to the current database, each time it is run!
         hr
         p
           small :help
@@ -661,7 +661,7 @@ article.guide
         ol
           li Nodes can't be deleted if relationships exist
           li Delete both nodes and relationships together
-        p.text-center.text-warning WARNING: This will remove all Person and Movie nodes!
+        p.text-center.text-warning.bg-warning WARNING: This will remove all Person and Movie nodes!
         hr
         p
           small :help

community/browser/app/content/guides/network-graph.jade

@@ -26,7 +26,7 @@ article.guide
           li Notice it gets copied to the editor above ↑
           li Click the editor's play button to exectute
           li Wait for the query to finish
-        p.text-center.text-warning WARNING: This adds data to the current database, each time it is run!
+        p.text-center.text-warning.bg-warning WARNING: This adds data to the current database, each time it is run!
         hr
         p
           small :help
@@ -280,7 +280,7 @@ article.guide
         ol
           li Nodes can't be deleted if relationships exist
           li Delete both nodes and relationships together
-        p.text-center.text-warning WARNING: This will remove all Person and Movie nodes!
+        p.text-center.text-warning.bg-warning WARNING: This will remove all Person and Movie nodes!
         hr
         p
           small :help

community/browser/app/content/help/create.jade

@@ -1,5 +1,5 @@
 article.help
-  .container
+  .container-fluid
     section.row-fluid.summary
       .summary.col-sm-3
         h3 CREATE

community/browser/app/scripts/controllers/D3Graph.coffee

@@ -120,6 +120,9 @@ angular.module('neo4jApp.controllers')
             toggleSelection(null)
             onCanvasClicked()
           )
+          .on('updated', ->
+            $rootScope.$broadcast 'graph:changed', graph
+          )
 
           graphView.resize()
           $rootScope.$broadcast 'graph:changed', graph

community/browser/app/styles/help.styl

@@ -21,7 +21,7 @@
       padding: 0 4px
     p
       font-size: 15px
-      line-height: 23px
+      line-height: 1.428
       color: #666
     h1, h2, h3, h4, h5, dt
       background none
@@ -49,6 +49,7 @@
     pre.code
       background: #F3F3F3
       cursor: pointer
+      border: 1px solid #E1E1E8
       &:hover
         background: lighten(color-link, 80%)
         //outline: 2px solid color-link
@@ -58,16 +59,23 @@
         font-size 12pt
       h1 span
         display block
+    ul, ol
+      padding-left: 25px
+      line-height: 1.428
     ul
       list-style: disc
       margin-top: 8px
     ul.list-unstyled
       list-style: none
 
     ul.big, ol.big
+      padding-left: 40px
       font-size: 18px
       li
         line-height: 28px
     ul.undecorated
+      padding: 0
       list-style: none
 
+    .bg-warning
+      padding: 10px

community/browser/app/styles/inspector.styl

@@ -5,33 +5,37 @@
 
 .inspector-footer
   // background-color: #EEF1F8
-  font-size: 10px
+  font-size: 12px
   // width: 100%
   .inspector-footer-row > ul
     // min-height: 28px
     // padding: 5px 9px 5px 10px
     li
       vertical-align: middle
     li.pair
-      font-size: 10px
+      font-size: 12px
     .key
       float: left
       color: darken(inspector-font-color, 30%)
     .value
       padding-left: 3px
       overflow: hidden
+      float: left
 
     .class-name
-      font-size: 10px
+      font-size: 12px
 
     .inspector-icon
       .fa
         margin-right: 5px
         margin-left: 3px
 
-    .colors, .node-sizes, .arrow-widths
+    .colors, .node-sizes, .arrow-widths, .attributes
       ul.list-inline > li
         padding-left: 1px
+        line-height: 0
+    .colors, .node-sizes, .arrow-widths
+      li
         a
           background-color: #aaa
           display: inline-block;
@@ -48,7 +52,7 @@
       user-select: none
       display: inline-block
       padding: 1px 6px
-      font-size: 10px
+      font-size: 12px
       line-height: 12px
       color: #9195A0;
       border: 1px solid #9195A0;

community/browser/app/styles/legend.styl

@@ -4,7 +4,7 @@
 
 .legend
   background-color: #EEF1F8
-  border-bottom: 1px solid #DFE5F0
+  display: table-row
 
   .label
     user-select: none

community/browser/app/styles/main.styl

@@ -42,6 +42,8 @@ svg
   display: block
   width: 100%
   overflow: hidden
+  border-top: 1px solid #dfe5f0
+  border-bottom: 1px solid #e7e9eb
 
 [play-topic], [help-topic], a[target]
   &:before
@@ -107,13 +109,12 @@ table.json-object
   height: middlebar-height
   line-height: middlebar-height
   color: rgb(120, 129, 133)
-  border-top: 1px solid #E7E9EB
-  padding-left: horizontal-padding
   font-size: 13px
   position: relative
   background-color: #FFF
   .status
     float: left
+    padding-left: horizontal-padding
     [class*="fa-"]
       margin-right: 6px
 
@@ -162,8 +163,6 @@ table.json-object
   .result
     background-color: #F8F9FB
   .status-bar
-    absolute: bottom 0
-    width: 100%
     .btn-group
       absolute: bottom 0 right 32px
   .view-result
@@ -174,12 +173,16 @@ table.json-object
     position: absolute
     overflow-y: scroll
     .view-result-graph
+      display: table
+      width: 100%
       height: 100%
+      > *
+        display: table-row
       svg
         height: 100%
       .graph-contents
-        height: 100%
         position: relative
+        height: 100%
   .legend
     max-height: none;
 
@@ -315,7 +318,6 @@ select
     position: absolute
     right: 0
     text-align: center
-    text-shadow: 0 2px 0px #E7E9EB
 
 .update-button
   position:absolute

community/browser/app/styles/stream.styl

@@ -47,6 +47,11 @@
 
         .view-result-graph
           background-color: #F9FBFD
+          display: table
+          width: 100%
+          height: 100%
+          > *
+            display: table-row
           svg
             height: 400px
             width: 100%
@@ -57,6 +62,7 @@
           .graph-contents
             position: relative
             overflow: hidden
+            height: 100%
 
         .view-result-table
           border-top: 1px solid #fff

community/browser/lib/visualization/components/visualization.coffee

@@ -93,6 +93,7 @@ neo.viz = (el, measureSize, graph, layout, style) ->
 
     force.update(graph, [layoutDimension, layoutDimension])
     viz.resize()
+    viz.trigger('updated')
 
   viz.resize = ->
     size = measureSize()