From 4c9d5066c845b86dacd7dd86d98ecdc2ab8ff659 Mon Sep 17 00:00:00 2001
From: rbokhorst <rbokhorst@astron.nl>
Date: Thu, 18 Oct 2018 14:14:48 +0000
Subject: [PATCH] OSB-29: Improved popups on Station Overview
---
.../maintenancedb_view/src/components/StationOverview.css | 6 ++++++
.../maintenancedb_view/src/components/StationOverview.js | 2 +-
.../src/components/StationOverview.scss | 8 +++++++-
.../maintenancedb_view/src/themes/lofar-styles.css | 5 +++++
.../maintenancedb_view/src/themes/lofar-styles.scss | 5 +++++
.../MDB_WebView/maintenancedb_view/src/themes/lofar.css | 5 +++++
6 files changed, 29 insertions(+), 2 deletions(-)
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.css
index f3884696d7e..7c5fe4ef0c6 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.css
@@ -53,6 +53,12 @@
.so-rtsmbadge {
width: 7em; }
+.so-stationtestbadge:hover,
+.so-badge:hover {
+ color: #fff;
+ background-color: #8d8d8d;
+ border-color: #8d8d8d; }
+
.so-pill {
display: block;
float: right;
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js
index 4200f4f922f..1d15adc3946 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.js
@@ -51,7 +51,7 @@ class StationTestBadge extends Component {
let color = total>10 ? "so-serious" :
total>5 ? "so-alarming" :
total>0 ? "so-warning" : "so-good";
- return "so-stationtestbadge " + color;
+ return `so-stationtestbadge ${color}`;
}
togglePopover() {
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss
index f4c4fe48afc..54e6c162c6e 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationOverview.scss
@@ -54,12 +54,18 @@
font-size: 90%;
}
-
/* RTSM Badge styling */
.so-rtsmbadge {
width: 7em;
}
+.so-stationtestbadge:hover,
+.so-badge:hover {
+ color: #fff;
+ background-color: $secondary-dark;
+ border-color: $secondary-dark;
+}
+
.so-pill {
display: block;
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
index 6ec8404749e..90f2b355f26 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
@@ -53,6 +53,11 @@
line-height: 1.0;
border-radius: .2rem; }
+.landing-page-toolbar .btn-info:hover {
+ color: white;
+ background-color: #8d8d8d;
+ border-color: #8d8d8d; }
+
.popover {
max-width: 40em !important;
/* Max Width of the popover (depending on the container!) */ }
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
index c90cb5d3ab3..0e566ad6ac7 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
@@ -59,6 +59,11 @@ $griditem-color: #333333;
line-height: 1.0;
border-radius: .2rem;
}
+.landing-page-toolbar .btn-info:hover {
+ color: $secondary-color;
+ background-color: $secondary-dark;
+ border-color: $secondary-dark;
+}
.popover {
max-width: 40em!important; /* Max Width of the popover (depending on the container!) */
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
index 24627dace28..f837f1578ee 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
@@ -6372,6 +6372,11 @@ a.text-dark:hover, a.text-dark:focus {
line-height: 1.0;
border-radius: .2rem; }
+.landing-page-toolbar .btn-info:hover {
+ color: white;
+ background-color: #8d8d8d;
+ border-color: #8d8d8d; }
+
.popover {
max-width: 40em !important;
/* Max Width of the popover (depending on the container!) */ }
--
GitLab