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 f3884696d7ef0f7e178401b181ce91540b346630..7c5fe4ef0c6aed2ecaf194b3db0d7bca38819fb5 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 4200f4f922f9489a85126636d5fecac4cc11ebf6..1d15adc39469d42ceec41cb1b8a78da0703b021f 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 f4c4fe48afc934f8066d11bac34124b2c662dd70..54e6c162c6e69636b8247a4b79fa5f53caa49c5b 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 6ec8404749e02a22898bfcaf9dd1d3e41dadf8a2..90f2b355f26a5cc7608f29ccb9002bb2d91ac128 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 c90cb5d3ab330f050aca0cf7e095e41e721c5e18..0e566ad6ac7e3d856502c4f8979248ec07c2e7ed 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 24627dace2808211d4834d854ab8f76677a44cf1..f837f1578eecf345647cc7fa3e97e4d5fa897e5e 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!) */ }