Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

adapt buttons when choosing type of ativity

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Bundle/ChillActivityBundle/Resources/public/scss/chillactivity.scss
View File

@ -112,3 +112,19 @@ div.flex-table.list-records {
margin-top: 1em; 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;
}
}

4
src/Bundle/ChillActivityBundle/Resources/views/Activity/selectType.html.twig
View File

@ -4,7 +4,7 @@
{% for row in data %} {% for row in data %}
<h3>{{ row.activityTypeCategory.name|localize_translatable_string }}</h3> <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 %} {% for activityType in row.activityTypes %}
{% set person_id = null %} {% 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 }) }}"> <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 }} {{ activityType.name|localize_translatable_string }}
</div> </div>
</a> </a>