Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / launchpad / src / topologyView / topologyView.scss

diff --git a/skyquake/plugins/launchpad/src/topologyView/topologyView.scss b/skyquake/plugins/launchpad/src/topologyView/topologyView.scss
new file mode 100644 (file)
index 0000000..02b6c43
--- /dev/null
+++ b/skyquake/plugins/launchpad/src/topologyView/topologyView.scss
@@ -0,0 +1,94 @@
+/*
+ * 
+ *   Copyright 2016 RIFT.IO Inc
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ */
+@import 'style/_colors.scss';
+@import 'style/layout.scss';
+.app-body {
+       display: flex;
+       height: 100%;
+       &.topologyAppBody {
+               flex: 1;
+       }
+}
+.topologyView {
+
+       display: flex;
+       flex-direction: row;
+       justify-content: flex-start;
+       align-items: stretch;
+       align-content: stretch;
+       flex: 1;
+       position: relative;
+       margin: 0.5rem;
+       min-width: 1340px;
+  height: auto;
+       .dashboardCard {
+               display: flex;
+               //flex: 0 1 auto;
+               flex: 1;
+               width: auto;
+               height: auto;
+               margin: 0;
+               max-height: none;
+               .corner-accent {
+                       display: none;
+               }
+               header {
+                       background-color: white;
+                       display: block;
+               }
+       }
+       .topologyTreeGraph {
+               flex-grow: 2;
+       }
+  .recordDetails {
+         flex: 1 1 auto;
+
+               pre {
+                       flex: 1;
+                       margin: 0;
+                       white-space: pre-wrap;
+               }
+               &-body {
+                       display: flex;
+                       flex: 1;
+                       min-width: 0;
+                       min-height: 0;
+                       overflow: auto;
+               }
+       }
+
+
+       svg {
+               .node {
+                       cursor: pointer;
+
+                       circle {
+                               stroke: steelblue;
+                               stroke-width: 1.5px;
+                       }
+               }
+               .link {
+                       fill: none;
+                       stroke: gray;
+                       stroke-width: 1.5px;
+               }
+       }
+}
+.reloadButton {
+    // TODO: Style this button
+}