multi-server changes and prototype additions
Change-Id: Icfdf19205bc4123ebd1bea086f01323ec41b4685
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index b2d90bc..e2d5260 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -133,22 +133,42 @@
}
}
- .header__functions {
- .header__server-power,
- .header__page-refresh,
- .header__server-health,
- .header__info {
- background: $lightgrey;
- @include round-corners;
- margin: 0 .3em;
- height: 100%;
- border: 1px solid $medgrey;
- opacity: 1;
+ .header__server-power,
+ .header__page-refresh,
+ .header__server-health,
+ .header__info,
+ .header__multi-server {
+ background: $lightgrey;
+ @include round-corners;
+ margin: 0 .3em;
+ height: 100%;
+ border: 1px solid $medgrey;
+ opacity: 1;
+ @include fastTransition-all;
+ &:hover {
+ background: rgba(255, 255, 255, 1);
+ }
+ }
+
+ .header__multi-server {
+ padding: .5em;
+ padding-top: .8em;
+ float: left;
+ margin-top: 10px;
+ margin-right: -10px;
+ .icon-angle::before {
+ margin-left: 0;
+ transform: rotate(90deg);
@include fastTransition-all;
- &:hover {
- background: rgba(255, 255, 255, 1);
+ }
+ &.active {
+ .icon-angle::before {
+ transform: rotate(266deg);
+ @include fastTransition-all;
}
}
+ }
+ .header__functions {
.header__info {
padding: .3em;
min-width: 60px;
@@ -176,8 +196,8 @@
}
&.active > .header__info > .icon-angle::before {
- transform: rotate(-360deg);
- @include fastTransition-all;
+ transform: rotate(-360deg);
+ @include fastTransition-all;
}
.header__refresh {
@@ -189,7 +209,6 @@
}
}
}
-
.header__page-refresh {
padding-top: 0;
position: relative;