transparent background (#56)

ludeknovy · Mar 19, 2020 · 1def452 · 1def452
1 parent 1bae07c
commit 1def452
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 11 deletions.
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
@@ -66,7 +66,7 @@ <h2 *ngIf="overallStats.totalDuration < 60" class="card-title">{{
       <div class="row">
         <div class="col">
           <div class="card recent-runs">
-            <h6 class="card-header">Recent Test Runs</h6>
+            <h6 class="card-header bg-transparent">Recent Test Runs</h6>
             <div class="card-body ">
               <div class="table-responsive">
                 <table class="table items">

diff --git a/src/app/item-detail/item-detail.component.html b/src/app/item-detail/item-detail.component.html
@@ -174,7 +174,7 @@ <h2 class="card-title text-alizarin">{{itemData.overview.errorRate}} <span
       <div class="row charts">
         <div class="col-sm">
           <div class="card">
-            <h6 class="card-header samaritane">Overall Chart</h6>
+            <h6 class="card-header bg-transparent">Overall Chart</h6>
             <div class="card-body">
               <div class="chart">
                 <highcharts-chart [Highcharts]="Highcharts" [options]="overallChartOptions"
@@ -187,7 +187,7 @@ <h6 class="card-header samaritane">Overall Chart</h6>
       <div class="row">
         <div class="col-sm">
           <div class="card">
-            <h6 class="card-header samaritane">Response Time</h6>
+            <h6 class="card-header bg-transparent">Response Time</h6>
             <div class="card-body">
               <div class="chart">
                 <highcharts-chart [Highcharts]="Highcharts" [options]="responseTimeChartOptions"
@@ -200,7 +200,7 @@ <h6 class="card-header samaritane">Response Time</h6>
       <div class="row">
         <div class="col-sm">
           <div class="card">
-            <h6 class="card-header belize">Throughput</h6>
+            <h6 class="card-header bg-transparent">Throughput</h6>
             <div class="card-body">
               <div class="chart">
                 <highcharts-chart [Highcharts]="Highcharts" [options]="throughputChartOptions"
@@ -215,7 +215,7 @@ <h6 class="card-header belize">Throughput</h6>
     <div class="row">
       <div class="col">
         <div class="card request-stats">
-          <h6 class="card-header maroon">Request Statistics <span class="compare">
+          <h6 class="card-header bg-transparent">Request Statistics <span class="compare">
               <span class="comparison-desc" *ngIf="comparedData">Comparing to test: {{comparedMetadata.id}} with
                 {{comparedMetadata.maxVu}} VU</span>
               <a class="remove-comparison" *ngIf="comparedData" (click)="resetStatsData()"><i
@@ -234,7 +234,7 @@ <h6 class="card-header maroon">Request Statistics <span class="compare">
                 (keyup)='search($event.target.value)'>
             </div>
             <div class="labels-detail table-responsive">
-              <table class="table table-striped" [mfData]="labelsData" #mf="mfDataTable">
+              <table class="table" [mfData]="labelsData" #mf="mfDataTable">
                 <thead>
                   <tr>
                     <th scope="col" class="hd">

diff --git a/src/app/item-detail/item-detail.component.scss b/src/app/item-detail/item-detail.component.scss
@@ -118,6 +118,9 @@ thead {
 .request-stats {
   margin-bottom: 20px;
 }
+.request-stats .card-header {
+  border-bottom: none;
+}
 
 .errors-list {
   padding-top: 0px;
@@ -231,3 +234,7 @@ thead .hd {
 .performance-overview-card {
   padding-bottom: 0px;
 }
+
+.charts .card-header {
+  border-bottom: 0px;
+}
diff --git a/src/app/scenario/scenario.component.html b/src/app/scenario/scenario.component.html
@@ -19,7 +19,7 @@
     <div class="row">
       <div class="col-md-4">
         <div class="card">
-          <h6 class="card-header percentil">90% response time</h6>
+          <h6 class="card-header bg-transparent">90% response time</h6>
           <div class="card-body">
             <div class="graph">
               <app-scenario-graph [graphData]="{ obs: trends$, value: 'ninetyHistoryChart'}"></app-scenario-graph>
@@ -29,7 +29,7 @@ <h6 class="card-header percentil">90% response time</h6>
       </div>
       <div class="col-md-4">
         <div class="card">
-          <h6 class="card-header belize">Throughput</h6>
+          <h6 class="card-header bg-transparent">Throughput</h6>
           <div class="card-body">
             <div class="graph">
               <app-scenario-graph [graphData]="{ obs: trends$, value: 'throughputHistoryChart'}"></app-scenario-graph>
@@ -39,7 +39,7 @@ <h6 class="card-header belize">Throughput</h6>
       </div>
       <div class="col-md-4">
         <div class="card">
-          <h6 class="card-header alizarin">Error rate</h6>
+          <h6 class="card-header bg-transparent">Error rate</h6>
           <div class="card-body">
             <div class="graph">
               <app-scenario-graph [graphData]="{ obs: trends$, value: 'errorRateHistoryChart'}"></app-scenario-graph>
@@ -51,7 +51,7 @@ <h6 class="card-header alizarin">Error rate</h6>
     <div class="row rr">
       <div class="col" *ngIf="items$ | async; let items">
         <div class="card recent-runs">
-          <h6 class="card-header">Test Runs
+          <h6 class="card-header bg-transparent">Test Runs
             <span class="text-secondary total">{{items.total}} tests</span>
           </h6>
           <div class="card-body">

diff --git a/src/app/scenarios/scenarios.component.html b/src/app/scenarios/scenarios.component.html
@@ -36,7 +36,7 @@
     <div class="row" *ngIf="filteredScenarios && viewType === 'cards'">
       <div class="col-md-3" *ngFor="let _ of filteredScenarios">
         <div class="card card-scenario">
-          <h6 class="card-header">
+          <h6 class="card-header bg-transparent">
             <a routerLink="/project/{{projectName}}/scenario/{{_.name}}/items">{{_.name}}</a>
           </h6>
           <div class="card-body">