diff --git a/static/icons/checkmark-alt.svg b/static/icons/checkmark-alt.svg new file mode 100644 index 00000000..b674534c --- /dev/null +++ b/static/icons/checkmark-alt.svg @@ -0,0 +1 @@ + diff --git a/styles/components/_modal.scss b/styles/components/_modal.scss index 90015844..db54378f 100644 --- a/styles/components/_modal.scss +++ b/styles/components/_modal.scss @@ -139,4 +139,23 @@ body { } } } + + .modal--form { + .progress-menu ul { + width: 40%; + margin-left: 30%; + font-size: 2rem; + + .progress-menu__item::before { + width: 2.8rem; + height: 2.8rem; + margin-left: -1.25rem; + } + + .progress-menu__item--complete::before { + content: url('#{$asset-path}/icons/checkmark-alt.svg'); + padding-top: 0.4rem; + } + } + } } diff --git a/templates/components/multi_step_modal_form.html b/templates/components/multi_step_modal_form.html index f31323b8..62703344 100644 --- a/templates/components/multi_step_modal_form.html +++ b/templates/components/multi_step_modal_form.html @@ -33,7 +33,7 @@ {{ form.csrf_token }} {% call Modal(name=name, dismissable=dismissable) %} {% for step in steps %} -
+