summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorThomas JUND <tjund@tj.entrouvert.lan>2019-11-20 17:19:15 (GMT)
committerThomas JUND <tjund@tj.entrouvert.lan>2019-12-02 14:20:41 (GMT)
commit260ca3d6f9238c6c8e87e49052b4949ef6f7c9f1 (patch)
treeadd5a16c2101103f80894220767a435ea85006a5
parent0f371728efef2bed69404e461f076f26c8b470c4 (diff)
downloadimio-publik-themes-wip/37812/update-steps.zip
imio-publik-themes-wip/37812/update-steps.tar.gz
imio-publik-themes-wip/37812/update-steps.tar.bz2
liege-pwa-2019: update steps (#37812)wip/37812/update-steps
-rw-r--r--static/liege-pwa-2019/_custom.scss33
-rw-r--r--static/liege-pwa-2019/_vars.scss11
-rw-r--r--templates/variants/liege-pwa-2019/wcs/front/formdata_steps.html19
3 files changed, 44 insertions, 19 deletions
diff --git a/static/liege-pwa-2019/_custom.scss b/static/liege-pwa-2019/_custom.scss
index 2c16ee2..7b70c8e 100644
--- a/static/liege-pwa-2019/_custom.scss
+++ b/static/liege-pwa-2019/_custom.scss
@@ -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;
+ }
+ }
+} \ No newline at end of file
diff --git a/static/liege-pwa-2019/_vars.scss b/static/liege-pwa-2019/_vars.scss
index 437a652..9b24129 100644
--- a/static/liege-pwa-2019/_vars.scss
+++ b/static/liege-pwa-2019/_vars.scss
@@ -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; \ No newline at end of file
diff --git a/templates/variants/liege-pwa-2019/wcs/front/formdata_steps.html b/templates/variants/liege-pwa-2019/wcs/front/formdata_steps.html
deleted file mode 100644
index 221d2d5..0000000
--- a/templates/variants/liege-pwa-2019/wcs/front/formdata_steps.html
+++ /dev/null
@@ -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 %}