increase axis label size at small screen widths

This commit is contained in:
Damien Elmes 2020-08-04 17:29:13 +10:00
parent ab8ffaf4f0
commit 43c6ec09bd

View file

@ -54,6 +54,18 @@ body {
text {
opacity: 0.5;
font-size: 10px;
}
}
@media only screen and (max-width: 800px) {
.tick text {
font-size: 13px;
}
}
@media only screen and (max-width: 600px) {
.tick text {
font-size: 15px;
}
}
@ -99,15 +111,6 @@ body {
fill: $day-fg;
}
.axis-label {
text-anchor: middle;
font-size: 10px;
}
.y-axis-label {
writing-mode: vertical-lr;
}
.hoverzone rect {
fill: none;
pointer-events: all;