Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Refactor CSS classes of wizard step indicators #181

Merged
merged 12 commits into from
Mar 17, 2019
Prev Previous commit
Minor fix of styles formatting (vert.)
earshinov committed Mar 17, 2019
commit 7a992dc1367d1eb2de4d3212a0a62322051776b4
15 changes: 8 additions & 7 deletions src/lib/components/wizard-navigation-bar.component.vertical.less
Original file line number Diff line number Diff line change
@@ -48,7 +48,6 @@
transition: 0.25s;
border-radius: 100%;
}

.state-circle-hover(@dot-width, @dot-height, @dot-border-width) { }

.state-circle-with-border(@color) {
@@ -140,16 +139,18 @@
&.navigable.optional a:hover .step-indicator {
.state-hover(@wz-color-optional);
}
&.navigable.done a:hover .step-indicator,
&.navigable.completed a:hover .step-indicator {
.state-hover(@wz-color-done);
&.navigable.done, &.navigable.completed {
a:hover .step-indicator {
.state-hover(@wz-color-done);
}
}
&.navigable.current a:hover .step-indicator {
.state-hover(@wz-color-current);
}
&.navigable.current.done a:hover .step-indicator,
&.navigable.current.completed a:hover .step-indicator {
.state-hover(@wz-color-editing);
&.navigable.current.done, &.navigable.current.completed {
a:hover .step-indicator {
.state-hover(@wz-color-editing);
}
}
}
}