td2-visualizer/src/components/map/Map.css
izawartka ff3ab7049f Fixed more CSS errors
*Sign texts no longer have shadow
*TrackHoverInfo is now using the standard background color
*Fixed z-indexes
*Tweaked disabled text color
2025-08-16 00:15:09 +02:00

96 lines
1.6 KiB
CSS

.map {
flex: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
background-color: var(--map-background-color);
}
.map svg path.track {
stroke-width: 1.44px;
fill: transparent;
}
.map svg path.track-unscaled {
stroke-width: 1px;
fill: transparent;
vector-effect: non-scaling-stroke;
}
.map text {
font-size: 2px;
fill: var(--map-text-color);
stroke: none;
text-shadow: 0 0 16px var(--map-shadow-color);
}
.map .sign-text {
text-shadow: none;
}
.map .switch-name-text {
font-size: 3px;
}
.map .route-text {
font-size: 72mm;
}
.map .signalbox-text {
font-size: 4px;
}
.map .isolation-id-text {
fill: #ffa;
}
.map path.isolation-end-marker {
stroke: #ffa;
stroke-width: 0.5px;
}
.map g.track-object circle {
fill: var(--map-icon-color);
}
.map g.track-object text {
fill: var(--map-text-color);
display: none;
}
.map g.track-object:hover text {
display: block;
}
.map g.platform rect {
fill: var(--map-platform-color);
}
.map g.map-icon-stroked path,
.map g.map-icon-stroked circle,
.map g.map-icon-stroked line,
.map g.map-icon-stroked rect {
fill: none;
stroke: var(--map-icon-color);
}
.map g.map-icon path,
.map g.map-icon circle,
.map g.map-icon line,
.map g.map-icon rect {
fill: var(--map-icon-color);
stroke: none;
}
.map g.map-icon-stroked .background,
.map g.map-icon .background {
fill: var(--map-background-color);
stroke: none;
}
.map g.map-icon-stroked .with-background,
.map g.map-icon .with-background {
fill: var(--map-background-color);
stroke: var(--map-icon-color);
}