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
This commit is contained in:
izawartka 2025-08-16 00:15:09 +02:00
parent 61026481f8
commit ff3ab7049f
7 changed files with 10 additions and 6 deletions

View File

@ -37,7 +37,7 @@
--layer-color-non-transparent: #ddd;
--layer-color-non-transparent-hover: #ccc;
--layer-color-non-transparent-disabled: #888;
--text-color-disabled: #888;
--text-color-disabled: #666;
--border-color: #888;
--text-color-inverted: #eee;
--icon-color: #222;

View File

@ -24,6 +24,10 @@
text-shadow: 0 0 16px var(--map-shadow-color);
}
.map .sign-text {
text-shadow: none;
}
.map .switch-name-text {
font-size: 3px;
}

View File

@ -40,7 +40,7 @@ function SignTextRenderer(props) {
return (
<text
className="sign-data-text"
className="sign-text"
transform={`translate(${x}, ${y})`}
style={{ fontSize: `${object.def.textSize}mm` }}
textAnchor="middle"

View File

@ -262,7 +262,7 @@ function SignalSignText(id, text, y) {
return <text
key={`${id}-text`}
className="signal-sign-text"
className="sign-text"
transform={`translate(${def.textOffsetX || 0}, ${y + (def.textOffsetY || 0)})`}
style={{ fontSize: `${def.textSize || C.SIGN_DEFAULT_FONT_SIZE}mm` }}
textAnchor="middle"

View File

@ -6,7 +6,7 @@
}
.track-hover-info-popup {
background-color: var(--layer-color-non-transparent);
background-color: var(--background-color);
border: 2px solid var(--border-color);
border-radius: 8px;
padding: 1em;

View File

@ -10,7 +10,7 @@
top: 0;
bottom: 0;
background-color: var(--background-color);
z-index: 2000;
z-index: 50;
width: max-content;
transition: transform 0.2s ease-in-out;
display: flex;

View File

@ -33,7 +33,7 @@
text-align: center;
opacity: 0;
transition: opacity 1s ease-in-out;
z-index: 1000;
z-index: 49;
position: relative;
}