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; padding: 0.2em 1em;
ul.small_in_title { ul.small_in_title {
margin-top: 0.5em; margin: 0;
//margin-top: 0.5em;
font-size: 70%; font-size: 70%;
padding-left: 1rem; 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"> <span class="title_action">
{{ w.socialAction|chill_entity_render_string }} {{ w.socialAction|chill_entity_render_string }}
<ul class="small_in_title"> <ul class="small_in_title columns mt-3">
<li> <li>
<span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span> <span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>
<b>{{ w.startDate|format_date('short') }}</b> <b>{{ w.startDate|format_date('short') }}</b>
@ -22,6 +22,8 @@
<b>{{ w.endDate|format_date('short') }}</b> <b>{{ w.endDate|format_date('short') }}</b>
</li> </li>
{% endif %} {% endif %}
</ul>
<ul class="small_in_title">
{% if w.handlingThierParty %} {% if w.handlingThierParty %}
<li> <li>
<span class="item-key">{{ 'Thirdparty handling'|trans ~ ' : ' }}</span> <span class="item-key">{{ 'Thirdparty handling'|trans ~ ' : ' }}</span>
@ -35,17 +37,17 @@
{% endfor %} {% endfor %}
</li> </li>
</ul> </ul>
<ul class="list-content"> <ul class="list-content my-3">
<li class="social-issues"> <li class="social-issues">
{{ w.socialAction.issue|chill_entity_render_box }} {{ w.socialAction.issue|chill_entity_render_box }}
</li> </li>
</ul> </ul>
<ul class="small_in_title"> <ul class="small_in_title mb-3">
{% for e in w.accompanyingPeriodWorkEvaluations %} {% for e in w.accompanyingPeriodWorkEvaluations %}
<li> <li>
<span class="item-key">{{ 'accompanying_course_work.social_evaluation'|trans ~ ' : ' }}</span> <span class="item-key">{{ 'accompanying_course_work.social_evaluation'|trans ~ ' : ' }}</span>
{{ e.evaluation.title|localize_translatable_string }} {{ e.evaluation.title|localize_translatable_string }}
<ul class="small_in_title__"> <ul class="columns">
{% if e.startDate %} {% if e.startDate %}
<li> <li>
<span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span> <span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>