resume, list associated_persons : improve design, hover effects

This commit is contained in:
Mathieu Jaumotte 2021-10-01 21:14:27 +02:00
parent 3a3baa79c8
commit a981661ea5
2 changed files with 13 additions and 7 deletions

View File

@ -251,20 +251,24 @@ span.fa-holder {
div.accompanyingcourse-resume {
div.associated-persons {
span.household {
display: inline-block;
border-radius: 8px;
border: 1px solid $white;
&:hover {
border: 1px solid $chill-beige;
i {
display: inline-block;
}
}
&.no-household:hover {
border: 1px solid $white;
}
i {
color: $chill-beige;
display: none;
}
padding: 0.5em;
padding: 0.3em;
margin-right: 2px;
span.badge-person, span.badge-thirdparty {
margin-bottom: 1em;
}
&.no-household {}
}
}
}

View File

@ -25,8 +25,10 @@
<div class="associated-persons mb-5">
{% for h in participationsByHousehold %}
{% set householdClass = (h.household is not null) ? 'household-' ~ h.household.id : 'no-household' %}
<span class="household {{ householdClass }}">
{% set householdClass = (h.household is not null) ? 'household-' ~ h.household.id : 'no-household alert alert-warning' %}
{% set householdTitle = (h.household is not null) ?
'household.Household number'|trans({'household_num': h.household.id }) : 'household.Never in any household'|trans %}
<span class="household {{ householdClass }}" title="{{ householdTitle }}">
{% if h.household is not null %}
<a href="{{ path('chill_person_household_summary', { 'household_id': h.household.id }) }}"
title="{{ 'household.Household number'|trans({'household_num': h.household.id }) }}"