table head color (#145)

ludeknovy · May 8, 2021 · 0c9ed86 · 0c9ed86
1 parent 1123b06
commit 0c9ed86
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 22 deletions.
diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
@@ -299,28 +299,28 @@ <h6 class="card-header bg-transparent">SUT Statistics <span class="compare">
               <table class="table" [mfData]="itemData.sutOverview" #mf="mfDataTable">
                 <thead>
                   <tr>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="sutHostname">SUT</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="avgResponseTime">avg [ms]</mfDefaultSorter>
                     </th>
 
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="percentile">P90 [ms]</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="throughput">requests/s</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="bytesPerSecond">mbps</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                       <mfDefaultSorter by="errorRate">error rate</mfDefaultSorter>
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                     </th>
-                    <th scope="col" class="hd">
+                    <th scope="col" class="hd jtl-head-color">
                     </th>
                   </tr>
                 </thead>

diff --git a/src/app/item-detail/request-stats-compare/request-stats-compare.component.css b/src/app/item-detail/request-stats-compare/request-stats-compare.component.css
@@ -0,0 +1 @@
+
diff --git a/src/app/item-detail/request-stats-compare/request-stats-compare.component.html b/src/app/item-detail/request-stats-compare/request-stats-compare.component.html
@@ -41,42 +41,42 @@ <h6 class="card-header bg-transparent">Request Statistics <span class="compare">
       <table class="table" [mfData]="labelsData" #mf="mfDataTable">
         <thead>
           <tr>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="label">label</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="samples">samples</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="avgResponseTime">avg [{{getUnit()}}]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="minResponseTime">min [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="maxResponseTime">max [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n0">P90 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n5">P95 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="n9">P99 [ms]</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="throughput">requests/s</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="bytes">mbps</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
               <mfDefaultSorter by="errorRate">error rate</mfDefaultSorter>
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
             </th>
-            <th scope="col" class="hd">
+            <th scope="col" class="hd jtl-head-color">
             </th>
           </tr>
         </thead>

diff --git a/src/styles.scss b/src/styles.scss
@@ -98,7 +98,11 @@ a:hover {
   border-top: 0 !important;
   width: 30rem;
   height: 43px;
-  color: #54545491;
+  color: #000000b5;
+}
+
+.jtl-head-color {
+    color: #000000b5;
 }
 
 .jtl-dropdown-control-menu {