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: #ddd;
--layer-color-non-transparent-hover: #ccc; --layer-color-non-transparent-hover: #ccc;
--layer-color-non-transparent-disabled: #888; --layer-color-non-transparent-disabled: #888;
--text-color-disabled: #888; --text-color-disabled: #666;
--border-color: #888; --border-color: #888;
--text-color-inverted: #eee; --text-color-inverted: #eee;
--icon-color: #222; --icon-color: #222;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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