entrouvert
/
imio-publik-themes
22
1
Fork 0
Code Issues Pull Requests Releases Activity

liege-pwa-2019: update steps (#37812)

This commit is contained in:
Thomas JUND 2019-11-20 18:19:15 +01:00
parent 0f371728ef
commit 260ca3d6f9
3 changed files with 44 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
static/liege-pwa-2019/_custom.scss
View File

@ -669,3 +669,36 @@ div#content div.wcsformsofcategorycell {
.back-home-button {
clear: both;
}
// Steps
.wcs-step {
font-size: 1.2em;
&--label {
font-weight: normal !important;
}
&--marker-nb {
font-size: 1.2em;
}
@include desktop-vertical-steps() {
padding-left: 0;
&:not(.current) {
border: 1px solid #aaa;
}
&--label {
margin-left: 0;
}
&--marker-nb {
font-size: 1.4em;
}
// Tie
&::after {
z-index: -1 !important;
top: 50% !important;
left: calc( (#{$wcs-step-marker-size} - #{$wcs-step-marker-tie-width}) / 2 ) !important;
}
}
}

11
static/liege-pwa-2019/_vars.scss
View File

@ -45,3 +45,14 @@ $a_portal_agent_top: 30px;
$a_portal_agent_right: 6%;
$a_portal_agent_border: None;
/*end IMIO SHARE*/
// Steps config
$wcs-steps-small-layout-limit: $mobile-limit;
$wcs-steps-spacing: 0.7rem;
$wcs-step-color: inherit;
$wcs-step-border-bottom: none;
$wcs-step-background: #fff;
$wcs-step-current-color: #fff;
$wcs-step-current-background: $primary-color;
$wcs-step-marker-type: tied;
$wcs-step-marker-tie-color: #ccc;

19
templates/variants/liege-pwa-2019/wcs/front/formdata_steps.html
View File

@ -1,19 +0,0 @@
{% if page_labels|length > 1 %}
<div id="steps" class="steps-{{page_labels|length}}">
<ol>
{% for page_label in page_labels %}
{% spaceless %}
<li class="{% if forloop.first %}first{% endif %}
{% if forloop.last %}last{% endif %}
{% if forloop.counter == current_page_no %}current{% endif %}
{% if forloop.counter < current_page_no %}step-before{% endif %}
{% if forloop.counter > current_page_no %}step-after{% endif %}" >
<span class="marker">{{ forloop.counter }}</span>
<span class="total">{{ page_labels|length }}</span>
<span class="label">{{ page_label }}</span>
</li>
{% endspaceless %}
{% endfor %}
</ol>
</div>
{% endif %}