tabbycat/templates/scss/components/datavis.scss
.d3-graph {
// Match the general typography
.axis text {
font-size: 11px;
font-family: $font-family-sans-serif;
fill: $body-color;
}
// General Styles
.axis path,
.axis line {
fill: none;
stroke: #ccc;
shape-rendering: crispEdges;
}
}
.d3-hover-black:hover {
fill: black;
}
// Preventing flickering hover tooltips
.d3-tooltip {
pointer-events: none;
}
// For feedback graph
.d3-feedback-trend {
margin-bottom: -4px; // Correct for wierd height blow out
// For Feedback Page
.tick line,
.axis line {
fill: none;
stroke: #e6e6e6;
}
}
.position-display {
&.chair {
background-color: #b10095; // Purpleish
color: #fff;
fill: #b10095;
}
&.panellist {
background-color: $male;
color: #fff;
fill: $male;
}
&.trainee {
background-color: $female;
color: #fff;
fill: $female;
}
}