created addEnode modal, and relatedProfiles component
diff --git a/mCordPortal/src/sass/animation.scss b/mCordPortal/src/sass/animation.scss
index 2afd37b..dd4780d 100644
--- a/mCordPortal/src/sass/animation.scss
+++ b/mCordPortal/src/sass/animation.scss
@@ -34,4 +34,68 @@
transform: scale3d(1, 1, 1);
}
to { opacity: 1; }
-}
\ No newline at end of file
+}
+
+
+/* ng-view-animation
+-------------------------------------------------- */
+.fade {
+ opacity: 1;
+}
+.fade.ng-enter,
+.fade.ng-leave {
+ transition: all .5s ease-in-out;
+}
+.fade.ng-enter {
+ opacity: 0;
+}
+.fade.ng-enter-active {
+ opacity: 1;
+}
+.fade.ng-leave {
+ opacity: 1;
+}
+.fade.ng-leave-active {
+ opacity: 0;
+}
+
+ /* ng-show-animation
+ -------------------------------------------------- */
+
+ .animate.ng-hide-add {
+ animation:0.5s slideOutRight ease-in-out;
+ }
+ .animate.ng-hide-remove {
+ animation:0.5s slideInRight ease-in-out;
+ }
+
+ /* ng-repeat-animation
+ -------------------------------------------------- */
+ .animate-repeat.ng-move,
+ .animate-repeat.ng-enter,
+ .animate-repeat.ng-leave {
+ transition:all linear 0.5s;
+ }
+
+ .animate-repeat.ng-leave.ng-leave-active,
+ .animate-repeat.ng-move,
+ .animate-repeat.ng-enter {
+ opacity:0;
+ animation: 0.5s slideOutRight ease-in-out;
+ }
+
+ .animate-repeat.ng-leave,
+ .animate-repeat.ng-move.ng-move-active,
+ .animate-repeat.ng-enter.ng-enter-active {
+ opacity:1;
+ height:60px;
+ animation: 0.5s slideInRight ease-in-out;
+ }
+
+ .animate-repeat.ng-enter-stagger,
+ .animate-repeat.ng-leave-stagger{
+ transition-delay: 0.1s;
+ animation-delay: 0.1s;
+ }
+
+
diff --git a/mCordPortal/src/sass/enode-list.scss b/mCordPortal/src/sass/enode-list.scss
new file mode 100644
index 0000000..a148455
--- /dev/null
+++ b/mCordPortal/src/sass/enode-list.scss
@@ -0,0 +1,5 @@
+e-node-list {
+ a.btn.btn-success{
+ margin: $form-group-margin-bottom 0;
+ }
+}
\ No newline at end of file
diff --git a/mCordPortal/src/sass/home.scss b/mCordPortal/src/sass/home.scss
index 1ea0951..ec5acee 100644
--- a/mCordPortal/src/sass/home.scss
+++ b/mCordPortal/src/sass/home.scss
@@ -1,4 +1,6 @@
$panel-width: 40%;
+$add-button-size: 40px;
+
e-node-map {
display: block;
height: 100%;
@@ -31,6 +33,26 @@
}
}
}
+
+ .addButton {
+ position: absolute;
+ display: block;
+ height: $add-button-size;
+ width: $add-button-size;
+ line-height: 35px;
+ text-align: center;
+ left: 20px;
+ bottom: 20px;
+ background-color: $cord-red;
+ color: #fff;
+ font-size: 30px;
+ font-weight: 700;
+ border-radius: 50%;
+
+ &:hover{
+ text-decoration: none;
+ }
+ }
}
e-node-map-panel {
diff --git a/mCordPortal/src/sass/main.scss b/mCordPortal/src/sass/main.scss
index 76211be..02d062a 100644
--- a/mCordPortal/src/sass/main.scss
+++ b/mCordPortal/src/sass/main.scss
@@ -4,6 +4,7 @@
@import './bootstrap_overrides.scss';
@import './loader.scss';
@import './home.scss';
+@import './enode-list.scss';
@import './animation.scss';
/* Global styles
@@ -18,6 +19,14 @@
color: $brand-primary;
}
+/* XOS Lib Fix
+-------------------------------------------------- */
+xos-form{
+ button + button {
+ margin-left: $form-group-margin-bottom;
+ }
+}
+
/* Navigation styles
-------------------------------------------------- */
nav {
@@ -150,66 +159,3 @@
animation: none;
}
-
-/* ng-view-animation
--------------------------------------------------- */
-.fade {
- opacity: 1;
-}
-.fade.ng-enter,
-.fade.ng-leave {
- transition: all .5s ease-in-out;
-}
-.fade.ng-enter {
- opacity: 0;
-}
-.fade.ng-enter-active {
- opacity: 1;
-}
-.fade.ng-leave {
- opacity: 1;
-}
-.fade.ng-leave-active {
- opacity: 0;
-}
-
- /* ng-show-animation
- -------------------------------------------------- */
-
- .animate.ng-hide-add {
- animation:0.5s slideOutRight ease-in-out;
- }
- .animate.ng-hide-remove {
- animation:0.5s slideInRight ease-in-out;
- }
-
- /* ng-repeat-animation
- -------------------------------------------------- */
- .animate-repeat.ng-move,
- .animate-repeat.ng-enter,
- .animate-repeat.ng-leave {
- transition:all linear 0.5s;
- }
-
- .animate-repeat.ng-leave.ng-leave-active,
- .animate-repeat.ng-move,
- .animate-repeat.ng-enter {
- opacity:0;
- animation: 0.5s slideOutRight ease-in-out;
- }
-
- .animate-repeat.ng-leave,
- .animate-repeat.ng-move.ng-move-active,
- .animate-repeat.ng-enter.ng-enter-active {
- opacity:1;
- height:60px;
- animation: 0.5s slideInRight ease-in-out;
- }
-
- .animate-repeat.ng-enter-stagger,
- .animate-repeat.ng-leave-stagger{
- transition-delay: 0.1s;
- animation-delay: 0.1s;
- }
-
-