entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

lille: use native formdata steps template (#85171)
gitea/publik-base-theme/pipeline/head Build queued... Details

This commit is contained in:
Frédéric Péters 2023-12-28 13:40:55 +01:00
parent 60310bc25b
commit aff5640c81
3 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
static/lille/_custom.scss
View File

@ -606,12 +606,18 @@ div#rub_service div#tracking-code {
}
flex: 1;
text-align: left;
.marker {
.wcs-step--marker {
width: auto;
height: auto;
flex: initial;
}
.wcs-step--marker-nb {
text-align: center;
display: inline-block;
padding: 0;
width: 48px;
height: 48px;
flex: 0 0 48px;
line-height: 48px;
color: white;
border: none;
@ -621,7 +627,7 @@ div#rub_service div#tracking-code {
font-weight: bold;
font-size: 1.2rem;
border-right: 2px solid white;
border-radius: none;
border-radius: 0;
&::after {
content: "";
width: 0px;
@ -641,7 +647,7 @@ div#rub_service div#tracking-code {
&.current {
padding-left: 10px;
background: $steps-background;
.marker {
.wcs-step--marker-nb {
background: white;
color: black;
}
@ -650,13 +656,15 @@ div#rub_service div#tracking-code {
}
}
.label {
position: static;
font-size: 75%;
text-transform: uppercase;
text-align: left;
font-weight: normal;
padding-top: 10px;
display: inline-block;
font-weight: normal;
color: white;
padding-left: 20px;
padding-left: 1rem;
padding-right: 1rem;
}
}
@ -693,7 +701,19 @@ div#rub_service div#tracking-code {
display: none;
}
.current {
.wcs-step--marker-nb {
transform: none;
}
.wcs-step--marker-total {
color: black;
font-size: 1.2rem;
transform: none;
padding-left: 0.5em;
}
.marker {
&::before {
content: none;
}
border-radius: 0;
background: transparent;
color: white;

2
static/lille/_vars.scss
View File

@ -49,5 +49,7 @@ $notification_warning_color: #d0d0d0;
$notification_success_color: #ffffff;
$notification_info_color: #ffffff;
$form-sidebar-position: top;
$wcs-steps-spacing: 0;
$steps-background: $primary-color;
$user-info-color: $primary-color;

19
templates/variants/lille/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 %}