Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/modules/visualization/widgets/3d/cards/ProductionCapacity.tsx
View File

@ -203,7 +203,7 @@ const ProductionCapacity: React.FC<ProductionCapacityProps> = ({
scale={[0.5, 0.5, 0.5]}
rotation={rotation}
transform
sprite={false}
sprite={true}
zIndexRange={[1, 0]}
// style={{
// transform: transformStyle.transform,

2
app/src/modules/visualization/widgets/3d/cards/ReturnOfInvestment.tsx
View File

@ -242,7 +242,7 @@ const ReturnOfInvestment: React.FC<ReturnOfInvestmentProps> = ({
rotation={rotation}
scale={[0.5, 0.5, 0.5]}
transform
sprite={false}
sprite={true}
// style={{
// transform: transformStyle.transform,
// transformStyle: "preserve-3d",

2
app/src/modules/visualization/widgets/3d/cards/StateWorking.tsx
View File

@ -121,7 +121,7 @@ const StateWorking: React.FC<StateWorkingProps> = ({
scale={[0.5, 0.5, 0.5]}
transform
zIndexRange={[1, 0]}
sprite={false}
sprite={true}
// style={{
// transform: transformStyle.transform,
// transformStyle: "preserve-3d",

7
app/src/modules/visualization/widgets/3d/cards/Throughput.tsx
View File

@ -223,12 +223,7 @@ const Throughput: React.FC<ThroughputProps> = ({
scale={[0.5, 0.5, 0.5]}
transform
zIndexRange={[1, 0]}
sprite={false}
// style={{
// transform: transformStyle.transform,
// transformStyle: "preserve-3d",
// transition: "transform 0.1s ease-out",
// }}
sprite={true}
>
<div
className={`throughput-wrapper card ${selectedChartId?.id === id ? "activeChart" : ""

2
app/src/styles/pages/realTimeViz.scss
View File

@ -759,7 +759,6 @@
display: flex;
flex-direction: column;
border-radius: #{$border-radius-medium};
overflow: hidden;
padding: 4px;
min-width: 150px;
@ -771,6 +770,7 @@
color: var(--text-color);
text-wrap: nowrap;
cursor: pointer;
pointer-events: all;
&:hover {
background: var(--highlight-accent-color);