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:
Gomathi 2025-05-19 10:53:16 +05:30
parent 48992317f4
commit d000ee193a
5 changed files with 5 additions and 10 deletions

View File

@ -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,

View File

@ -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",

View File

@ -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",

View File

@ -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" : ""

View File

@ -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);