accourse resume page: social-actions, put some items in 2 columns

This commit is contained in:
Mathieu Jaumotte 2021-11-26 19:39:38 +01:00
parent 93dbc32009
commit 16fcfda88f
2 changed files with 16 additions and 5 deletions

View File

@ -77,10 +77,19 @@ h2.badge-title {
padding: 0.2em 1em;
ul.small_in_title {
margin-top: 0.5em;
margin: 0;
//margin-top: 0.5em;
font-size: 70%;
padding-left: 1rem;
}
ul.columns { // XS:1 SM:2 MD:1 LG:2 XL:2 XXL:2
@include media-breakpoint-only(sm) {
columns: 2; -webkit-columns: 2; -moz-columns: 2;
}
@include media-breakpoint-up(lg) {
columns: 2; -webkit-columns: 2; -moz-columns: 2;
}
}
}
}

View File

@ -11,7 +11,7 @@
<span class="title_action">
{{ w.socialAction|chill_entity_render_string }}
<ul class="small_in_title">
<ul class="small_in_title columns mt-3">
<li>
<span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>
<b>{{ w.startDate|format_date('short') }}</b>
@ -22,6 +22,8 @@
<b>{{ w.endDate|format_date('short') }}</b>
</li>
{% endif %}
</ul>
<ul class="small_in_title">
{% if w.handlingThierParty %}
<li>
<span class="item-key">{{ 'Thirdparty handling'|trans ~ ' : ' }}</span>
@ -35,17 +37,17 @@
{% endfor %}
</li>
</ul>
<ul class="list-content">
<ul class="list-content my-3">
<li class="social-issues">
{{ w.socialAction.issue|chill_entity_render_box }}
</li>
</ul>
<ul class="small_in_title">
<ul class="small_in_title mb-3">
{% for e in w.accompanyingPeriodWorkEvaluations %}
<li>
<span class="item-key">{{ 'accompanying_course_work.social_evaluation'|trans ~ ' : ' }}</span>
{{ e.evaluation.title|localize_translatable_string }}
<ul class="small_in_title__">
<ul class="columns">
{% if e.startDate %}
<li>
<span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>