Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #12561 from ToolJet/feat/steps-v2-edits

Browse source 
steps fix
This commit is contained in:
Johnson Cherian 2025-04-14 13:00:28 +05:30 committed by GitHub
commit d2dd2918dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/Editor/Components/Steps.jsx
View file

@ -38,6 +38,11 @@ export const Steps = function Button({ properties, styles, fireEvent, setExposed
'--currentStepLabel': currentStepLabel === '#1B1F24' ? 'var(--text-primary)' : currentStepLabel, '--currentStepLabel': currentStepLabel === '#1B1F24' ? 'var(--text-primary)' : currentStepLabel,
}; };
const theme = properties.variant; const theme = properties.variant;
console.log(theme);
console.log(properties);
console.log(styles);
console.log(completedLabel, 'completed');
const activeStepHandler = (id) => { const activeStepHandler = (id) => {
const step = filteredSteps.find((item) => item.id == id); const step = filteredSteps.find((item) => item.id == id);
if (step) { if (step) {
@ -142,7 +147,8 @@ export const Steps = function Button({ properties, styles, fireEvent, setExposed
<a <a
className={`step-item ${item.id == activeStepId && 'active'} ${ className={`step-item ${item.id == activeStepId && 'active'} ${
!(!isDisabled && !isStepDisabled) && 'step-item-disabled' !(!isDisabled && !isStepDisabled) && 'step-item-disabled'
} ${color && `step-${color}`} ${ } ${color && `step-${color}`}
${
index < currentStepIndex index < currentStepIndex
? 'completed-label' ? 'completed-label'
: index == currentStepIndex : index == currentStepIndex

7
frontend/src/_styles/tabler.scss
View file

@ -17513,7 +17513,12 @@ a.step-item:hover {
width: calc(100% - 32px) !important; width: calc(100% - 32px) !important;
} }
} }
.steps-counter .step-item:before {
color:var(--completedLabel) !important;
}
.steps .step-item.active:before{
color : var(--currentStepLabel) !important;
}
.step-item { .step-item {
font-weight: 500; font-weight: 500;
} }