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:
parent
61026481f8
commit
ff3ab7049f
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user