Map draft done
diff --git a/mCordPortal/src/sass/home.scss b/mCordPortal/src/sass/home.scss
index 239c06f..8aa2531 100644
--- a/mCordPortal/src/sass/home.scss
+++ b/mCordPortal/src/sass/home.scss
@@ -1,3 +1,4 @@
+$panel-width: 40%;
e-node-map {
display: block;
height: 100%;
@@ -5,4 +6,30 @@
ng-map {
height: 100%;
}
+
+ e-node-map-panel {
+ position: absolute;
+ height: 100%;
+ top: 0;
+ right: -$panel-width;
+ width: $panel-width;
+ background-color: $background-color;
+ background-image: url($background-image);
+ transition: all .5s ease-in-out;
+
+ &.in{
+ right: 0;
+ }
+
+ .details {
+ margin-bottom: 20px;
+ .ip-address {
+ padding-top: 20px;
+ }
+ }
+ }
+}
+
+e-node-map-panel {
+ display: block;
}
\ No newline at end of file
diff --git a/mCordPortal/src/sass/main.scss b/mCordPortal/src/sass/main.scss
index 8bd9ce7..77b5715 100644
--- a/mCordPortal/src/sass/main.scss
+++ b/mCordPortal/src/sass/main.scss
@@ -9,8 +9,12 @@
-------------------------------------------------- */
body {
- background-color: #fafafa;
- background-image: url('../imgs/content_inner_bg.png');
+ background-color: $background-color;
+ background-image: url($background-image);
+}
+
+.primary {
+ color: $brand-primary;
}
/* Navigation styles
diff --git a/mCordPortal/src/sass/vars.scss b/mCordPortal/src/sass/vars.scss
index 5cb2d36..6e8ebc2 100644
--- a/mCordPortal/src/sass/vars.scss
+++ b/mCordPortal/src/sass/vars.scss
@@ -1,5 +1,9 @@
$cord-red: #CE5650;
-/*$brand-primary: $cord-red;*/
+/* Bootstrap Override */
$panel-border-radius: 0;
-$border-radius-large: 2px;
\ No newline at end of file
+$border-radius-large: 2px;
+
+/* Global */
+$background-color: #fafafa;
+$background-image: '../imgs/content_inner_bg.png';
\ No newline at end of file