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

improve details row for household banner

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-07-01 17:42:52 +02:00
parent fc63955205
commit f0232228a3
2 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
View File

@ -58,13 +58,30 @@ div.banner {
color: white; color: white;
} }
ul.list-content { ul.list-content {
margin: 0 auto; //margin: 0 auto;
} }
span.age { span.age {
margin-left: 0.5em; margin-left: 0.5em;
&:before { content: '('; } &:before { content: '('; }
&:after { content: ')'; } &:after { content: ')'; }
} }
div.members {
display: flex;
flex-direction: row;
span.badge-member {
border: 1px solid #ffffff3b;
color: #ffffff;
padding: 0.4em 0.8em;
margin-right: 0.3em;
border-radius: 8px;
&.holder {
order: -1;
}
&.child {
order: 2;
}
}
}
} }
/* /*

22
src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
View File

@ -29,21 +29,27 @@
<div class="grid-12 parent" id="header-household-details" > <div class="grid-12 parent" id="header-household-details" >
<div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div id="banner-misc"> <div id="banner-misc" class="members">
{%- set members = household.getCurrentMembersOrdered() -%} {%- set members = household.getCurrentMembersOrdered() -%}
{%- if members|length > 0 -%} {%- if members|length > 0 -%}
<span class="current-members-explain"> <span class="current-members-explain" style="display: none;">
{{- 'household.Current household members'|trans }}: {{- 'household.Current household members'|trans }}
<i class="fa fa-fw fa-users" title="{{- 'household.Current household members'|trans }}"></i>
</span> </span>
{%- for m in members|slice(0, 5) -%} {%- for m in members|slice(0, 5) -%}
{{- m.person|chill_entity_render_box({'addLink': false}) -}} <span
{%- if m.holder %} class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}"
<span class="badge badge-primary"> title="{{ m.position.label.fr }}">
{%- if m.holder %}
<span class="badge badge-secondary">
{{ 'household.holder'|trans }} {{ 'household.holder'|trans }}
</span> </span>
{% endif -%} {% endif -%}
{%- if false == loop.last -%}, {% endif -%} {{- m.person|chill_entity_render_box({'addLink': false}) -}}
</span>
{%- endfor -%} {%- endfor -%}
{% if members|length > 5 %} {% if members|length > 5 %}
<span class="current-members-more"> <span class="current-members-more">
{{ 'household.and x other persons'|trans({'x': members|length-5}) }} {{ 'household.and x other persons'|trans({'x': members|length-5}) }}