Changed CSS and layouts to reduce side margins - SENSSOFT-264
Project: http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/commit/23c80e5f Tree: http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/tree/23c80e5f Diff: http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/diff/23c80e5f Branch: refs/heads/ryan-sankey Commit: 23c80e5f3291ceb84da0b9f9d08fb09ef504bfc0 Parents: 4b65674 Author: Arthi Vezhavendan <arthi...@gmail.com> Authored: Wed Sep 13 19:09:49 2017 -0400 Committer: Arthi Vezhavendan <arthi...@gmail.com> Committed: Wed Sep 13 19:09:49 2017 -0400 ---------------------------------------------------------------------- public/components/AppResults.jsx | 6 +++--- public/containers/Main.jsx | 5 +++-- stylesheets/main.scss | 29 ++++++++++++++++++++++++++--- 3 files changed, 32 insertions(+), 8 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/23c80e5f/public/components/AppResults.jsx ---------------------------------------------------------------------- diff --git a/public/components/AppResults.jsx b/public/components/AppResults.jsx index 4b9a9ac..2f6708b 100644 --- a/public/components/AppResults.jsx +++ b/public/components/AppResults.jsx @@ -138,9 +138,9 @@ class AppResults extends Component { return( - <div className='ui container'> - <div className='ui large header'> - Log Analysis for Demo + <div className='ui padded grid'> + <div className='sixteen wide column ui large header center aligned'> + Log Analysis {//name } </div> http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/23c80e5f/public/containers/Main.jsx ---------------------------------------------------------------------- diff --git a/public/containers/Main.jsx b/public/containers/Main.jsx index 8740456..fd677a9 100644 --- a/public/containers/Main.jsx +++ b/public/containers/Main.jsx @@ -61,10 +61,11 @@ class Main extends Component { <div className='ui container'> <Link to='/'> - <h2 className='ui inverted header item'>Tap</h2> + <h2 className='ui inverted header item center aligned'>Tap</h2> </Link> - {authHeader} + {//authHeader + } </div> </div> http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/23c80e5f/stylesheets/main.scss ---------------------------------------------------------------------- diff --git a/stylesheets/main.scss b/stylesheets/main.scss index 00e669a..b191dd6 100644 --- a/stylesheets/main.scss +++ b/stylesheets/main.scss @@ -27,12 +27,12 @@ $background : $white; #react-container { display: flex; - min-height: 100vh; + min-height: 90vh; flex-direction: column; } #main-container { - min-height: 100vh; + min-height: 90vh; flex: 1; } @@ -51,7 +51,9 @@ $background : $white; #page-wrapper { padding-top: 40px; - min-height: calc(100vh - 120px); + padding-left: .8rem; + padding-right: .8rem; + min-height: calc(90vh - 90px); } #main-masthead { @@ -88,3 +90,24 @@ $background : $white; #app-list { background-color: $background; } + +.node rect { + cursor: move; + fill-opacity: .9; + shape-rendering: crispEdges; +} + +.node text { + pointer-events: none; + text-shadow: 0 1px 0 #fff; +} + +.linkSankey { + fill: none; + stroke: #000; + stroke-opacity: .2; +} + +.linkSankey:hover { + stroke-opacity: .5; +}