vue_activity: style for suggestions, add and remove items

This commit is contained in:
Mathieu Jaumotte 2021-11-18 16:02:40 +01:00
parent c7ffb7062a
commit 193d0fb94a
3 changed files with 7 additions and 4 deletions

View File

@ -11,9 +11,12 @@
</div> </div>
<div v-if="getContext === 'accompanyingCourse' && filterSuggestedPersons.length > 0"> <div v-if="getContext === 'accompanyingCourse' && filterSuggestedPersons.length > 0">
<ul> <ul class="list-unstyled">
<li v-for="p in filterSuggestedPersons" @click="addNewPerson(p)"> <li v-for="p in filterSuggestedPersons" @click="addNewPerson(p)">
{{ p.text }} <span class="badge bg-primary" style="cursor: pointer;">
<i class="fa fa-plus fa-fw text-success"></i>
{{ p.text }}
</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -4,7 +4,7 @@
<span class="chill_denomination"> <span class="chill_denomination">
{{ textCutted }} {{ textCutted }}
</span> </span>
<a class="fa fa-fw fa-times" <a class="fa fa-fw fa-times text-danger text-decoration-none"
@click.prevent="$emit('remove', person)"> @click.prevent="$emit('remove', person)">
</a> </a>
</span> </span>

View File

@ -55,7 +55,7 @@
{% endif %} {% endif %}
<h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2> <h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2>
{% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'bloc' } %} {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'bloc', 'badge_person': 'true' } %}
<h2 class="chill-red">{{ 'Activity data'|trans }}</h2> <h2 class="chill-red">{{ 'Activity data'|trans }}</h2>