.tracker {
- .count-display {
+ .count-display,
+ .med-display {
background: black;
font-weight: bold;
text-align: center;
.right {
right: 0;
}
- .count-display {
+ .count-display,
+ .med-display {
pointer-events: none;
&.is-zero {
display: none;
}
}
+ .med-display {
+ height: 30%;
+ font-size: 80%;
+ line-height: 1;
+ }
+ }
+ .tracker-map {
+ .canvas {
+ width: 50em;
+ height: auto;
+ .location {
+ .box {
+ width: 0.04px;
+ height: 0.04px;
+ fill: green;
+ stroke: black;
+ stroke-width: 0.003px;
+ transform: translate(-0.02px, -0.02px);
+ }
+ .text {
+ fill: black;
+ font-size: 0.02px;
+ font-weight: bold;
+ text-anchor: middle;
+ dominant-baseline: middle;
+ pointer-events: none;
+ }
+ &.status-cleared {
+ .box {
+ fill: grey;
+ opacity: 0.4;
+ }
+ }
+ &.size-lg {
+ .box {
+ width: 0.08px;
+ height: 0.08px;
+ transform: translate(-0.04px, -0.04px);
+ }
+ .text {
+ font-size: 0.04px;
+ }
+ }
+ }
+ }
}
.toggle-icon {
&.inactive {