adapt buttons when choosing type of ativity

This commit is contained in:
Mathieu Jaumotte 2021-06-22 16:12:30 +02:00
parent bcab5a1211
commit 86f7b116a9
2 changed files with 18 additions and 2 deletions

View File

@ -112,3 +112,19 @@ div.flex-table.list-records {
margin-top: 1em;
}
}
div.activity-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
div.bloc {
width: 200px;
align-self: flex-end;
height: 140px;
display: flex;
justify-content: center;
align-items: center;
}
}

View File

@ -4,7 +4,7 @@
{% for row in data %}
<h3>{{ row.activityTypeCategory.name|localize_translatable_string }}</h3>
<div style="display:flex;justify-content:center;gap:12px;flex-wrap:wrap;">
<div class="activity-row">
{% for activityType in row.activityTypes %}
{% set person_id = null %}
@ -19,7 +19,7 @@
<a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'activityType_id': activityType.id, 'accompanying_period_id': accompanying_course_id }) }}">
<div style="width:200px;height:200px;border:1px dotted red;display:flex;justify-content:center;align-items:center;align-content:center;">
<div class="bloc btn btn-primary btn-lg btn-block">
{{ activityType.name|localize_translatable_string }}
</div>
</a>