From d6060f830d0db923626c083fdd89f2784ba6c77c Mon Sep 17 00:00:00 2001
From: rbokhorst <rbokhorst@astron.nl>
Date: Tue, 13 Nov 2018 08:14:24 +0000
Subject: [PATCH] OSB-31: fixed some styling
---
.../src/components/StationTestView.css | 11 +++--------
.../src/components/StationTestView.js | 6 +++---
.../src/components/StationTestView.scss | 12 +++---------
3 files changed, 9 insertions(+), 20 deletions(-)
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css
index efac3e8a5f9..395189869af 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css
@@ -45,7 +45,7 @@
font-size: 80%;
text-align: center; }
-.stv-rstm-summary-header {
+.stv-rtsm-summary-row .row-header {
width: 12rem !important;
min-width: 12rem !important;
cursor: pointer; }
@@ -79,7 +79,7 @@
to {
transform: rotate(0deg); } }
-.stv-rstm-summary-header-dropdownbutton {
+.stv-rtsm-summary-row .row-header-dropdownbutton {
display: inline;
float: right;
animation: animation-close;
@@ -87,14 +87,9 @@
animation-iteration-count: 1;
animation-timing-function: linear; }
-.stv-rstm-summary-header-dropdownbutton-up {
+.stv-rtsm-summary-row .row-header-dropdownbutton-up {
transform: rotate(180deg);
animation: animation-open;
animation-duration: 100ms;
animation-iteration-count: 1;
animation-timing-function: linear; }
-
-.stv-rstm-summary-header-text {
- display: inline;
- float: left;
- margin-right: 1rem !important; }
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
index ffd1f1758dc..b54f30b0b98 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
@@ -280,13 +280,13 @@ class RTSMSummaryLine extends Component {
}
let dropdownAdditionStyles = ""
- if(this.state.displaySingleTests) dropdownAdditionStyles += "stv-rstm-summary-header-dropdownbutton-up"
+ if(this.state.displaySingleTests) dropdownAdditionStyles += "row-header-dropdownbutton-up"
jsx = (
<React.Fragment>
<tr className='stv-rtsm-summary-row'>
- <td className="stv-rstm-summary-header" onClick={this.toggleDisplaySingleTests}>
+ <td className="row-header" onClick={this.toggleDisplaySingleTests}>
RT {this.renderDateRange(this.props.data)}
- <DropDownIcon className={"stv-rstm-summary-header-dropdownbutton " + dropdownAdditionStyles} color="black" />
+ <DropDownIcon className={"row-header-dropdownbutton " + dropdownAdditionStyles} color="black" />
</td>
{summaryLine}
</tr>
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss
index 615a63b3fd4..e155759eb20 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss
@@ -51,7 +51,7 @@
text-align: center;
}
-.stv-rstm-summary-header {
+.stv-rtsm-summary-row .row-header {
width: 12rem !important;
min-width: 12rem !important;
cursor: pointer;
@@ -101,7 +101,7 @@
}
}
-.stv-rstm-summary-header-dropdownbutton {
+.stv-rtsm-summary-row .row-header-dropdownbutton {
display: inline;
float: right;
animation: animation-close;
@@ -110,16 +110,10 @@
animation-timing-function: linear;
}
-.stv-rstm-summary-header-dropdownbutton-up {
+.stv-rtsm-summary-row .row-header-dropdownbutton-up {
transform: rotate(180deg);
animation: animation-open;
animation-duration: 100ms;
animation-iteration-count: 1;
animation-timing-function: linear;
}
-
-.stv-rstm-summary-header-text {
- display: inline;
- float: left;
- margin-right: 1rem !important;
- }
--
GitLab