Header and nav changes based on user feedback.
- Changed "page last refreshed" label to "Data last refreshed"
- Changed "Configuration" label to "Server Configuration"
- adding flashing of header timestamp on click of "refresh" button
- moved "Server LED" under Server Configuration
Change-Id: I9971fd96da94514a7edc8e4977591c4de85f70c9
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/utility.scss b/app/common/styles/base/utility.scss
index bd91f59..1131d82 100644
--- a/app/common/styles/base/utility.scss
+++ b/app/common/styles/base/utility.scss
@@ -109,4 +109,23 @@
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
+}
+
+.flash {
+ animation-name: flash;
+ animation-timing-function: ease-out;
+ animation-duration: 1s;
+ -webkit-animation-name: flash;
+ -webkit-animation-timing-function: ease-out;
+ -webkit-animation-duration: 1s;
+ color: $white;
+}
+@-webkit-keyframes flash {
+ from { background: $field__focus; }
+ to { background: none; }
+}
+
+@keyframes flash {
+ 0% { background: $field__focus; }
+ 100% { background: none; }
}
\ No newline at end of file
diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index 1e25653..1ca6daf 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -158,8 +158,8 @@
}
.header__refresh {
color: $darkgrey;
- line-height: 1.8;
- margin-top: -4px;
+ line-height: 1.4;
+ border-radius: 6px;
span {
@include fontCourierBold;
}