Enable sprite rendering for 3D widgets in ProductionCapacity, ReturnOfInvestment, StateWorking, and Throughput components; update CSS to allow pointer events in realTimeViz
This commit is contained in:
parent
48992317f4
commit
d000ee193a
|
@ -203,7 +203,7 @@ const ProductionCapacity: React.FC<ProductionCapacityProps> = ({
|
||||||
scale={[0.5, 0.5, 0.5]}
|
scale={[0.5, 0.5, 0.5]}
|
||||||
rotation={rotation}
|
rotation={rotation}
|
||||||
transform
|
transform
|
||||||
sprite={false}
|
sprite={true}
|
||||||
zIndexRange={[1, 0]}
|
zIndexRange={[1, 0]}
|
||||||
// style={{
|
// style={{
|
||||||
// transform: transformStyle.transform,
|
// transform: transformStyle.transform,
|
||||||
|
|
|
@ -242,7 +242,7 @@ const ReturnOfInvestment: React.FC<ReturnOfInvestmentProps> = ({
|
||||||
rotation={rotation}
|
rotation={rotation}
|
||||||
scale={[0.5, 0.5, 0.5]}
|
scale={[0.5, 0.5, 0.5]}
|
||||||
transform
|
transform
|
||||||
sprite={false}
|
sprite={true}
|
||||||
// style={{
|
// style={{
|
||||||
// transform: transformStyle.transform,
|
// transform: transformStyle.transform,
|
||||||
// transformStyle: "preserve-3d",
|
// transformStyle: "preserve-3d",
|
||||||
|
|
|
@ -121,7 +121,7 @@ const StateWorking: React.FC<StateWorkingProps> = ({
|
||||||
scale={[0.5, 0.5, 0.5]}
|
scale={[0.5, 0.5, 0.5]}
|
||||||
transform
|
transform
|
||||||
zIndexRange={[1, 0]}
|
zIndexRange={[1, 0]}
|
||||||
sprite={false}
|
sprite={true}
|
||||||
// style={{
|
// style={{
|
||||||
// transform: transformStyle.transform,
|
// transform: transformStyle.transform,
|
||||||
// transformStyle: "preserve-3d",
|
// transformStyle: "preserve-3d",
|
||||||
|
|
|
@ -223,12 +223,7 @@ const Throughput: React.FC<ThroughputProps> = ({
|
||||||
scale={[0.5, 0.5, 0.5]}
|
scale={[0.5, 0.5, 0.5]}
|
||||||
transform
|
transform
|
||||||
zIndexRange={[1, 0]}
|
zIndexRange={[1, 0]}
|
||||||
sprite={false}
|
sprite={true}
|
||||||
// style={{
|
|
||||||
// transform: transformStyle.transform,
|
|
||||||
// transformStyle: "preserve-3d",
|
|
||||||
// transition: "transform 0.1s ease-out",
|
|
||||||
// }}
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className={`throughput-wrapper card ${selectedChartId?.id === id ? "activeChart" : ""
|
className={`throughput-wrapper card ${selectedChartId?.id === id ? "activeChart" : ""
|
||||||
|
|
|
@ -759,7 +759,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: #{$border-radius-medium};
|
border-radius: #{$border-radius-medium};
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
|
@ -771,6 +770,7 @@
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
pointer-events: all;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--highlight-accent-color);
|
background: var(--highlight-accent-color);
|
||||||
|
|
Loading…
Reference in New Issue