add info tooltip on analytics graph card

- add assets and config folders
	- rename conflicting css classess
This commit is contained in:
Pritimay Sarkar
2023-08-01 08:44:56 +05:30
parent 3932f197e0
commit 4396bd2d72
10 changed files with 143 additions and 64 deletions

View File

@@ -1,34 +1,61 @@
.line {
fill: none;
stroke: #009EDC;
stroke-width: 1px;
}
fill: none;
stroke: #009EDC;
stroke-width: 1px;
}
.tests-count-card {
width: 40vw;
height: 45vh;
background-color: white;
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.tests-count-card {
width: 40vw;
height: 45vh;
background-color: white;
margin: 10px;
/* display: flex;
align-items: center;
justify-content: center;
flex-direction: column; */
border-style: solid;
border-color: rgb(219, 219, 219);
border-radius: 6px;
border-width: max(1px, 0.0625rem);
}
.graph-title {
text-align: center;
font-weight: 600;
padding: 5px;
bottom: -10;
}
.testcount-graph-title {
text-align: center;
font-weight: 600;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.axis-grid line {
/* stroke: #def; */
stroke: lightgrey;
.axis-grid line {
/* stroke: #def; */
stroke: lightgrey;
/* stroke-opacity: 0.7; */
shape-rendering: crispEdges;
}
.bar {
fill: steelblue;
}
.testcount-info-icon {
padding: 0px 0px 0px 10px;
/* margin-top: 5px; */
}
.testcount-info-card {
position: absolute;
visibility: visible;
background-color: rgb(236, 247, 253);
height: 7vh;
width: 10vw;
border-style: solid;
border-color: rgb(219, 219, 219);
border-radius: 6px;
border-width: max(1px, 0.0625rem);
margin-left: 26vw;
font-size: x-small;
font-weight: 400;
padding: 0.5em;
}