diff --git a/fiches/static/fiches/css/annuaire.css b/fiches/static/fiches/css/annuaire.css index 46ad663..d9a3476 100644 --- a/fiches/static/fiches/css/annuaire.css +++ b/fiches/static/fiches/css/annuaire.css @@ -329,6 +329,24 @@ body { background-color: #3b1e31; box-shadow: 2px 2px 0 rgba(31, 14, 25, 0.3); } +#content-view-profile .infos > *.multi-entry ul.value { + margin: 0; + padding: 0; + list-style-type: none; +} +#content-view-profile .infos > *.multi-entry ul.value li { + padding: 0; +} +#content-view-profile .infos > *.multi-entry ul.value li .type { + display: inline-block; + margin: 0 1em 0 0; + color: #DFDFDF; + font-style: italic; +} +#content-view-profile .infos > *.multi-entry ul.value li .value { + display: inline-block; + float: right; +} #content-view-profile .free-text { grid-area: free-text; padding: 10px; diff --git a/fiches/static/fiches/scss/_content.scss b/fiches/static/fiches/scss/_content.scss index 6e131ce..bbc442a 100644 --- a/fiches/static/fiches/scss/_content.scss +++ b/fiches/static/fiches/scss/_content.scss @@ -142,6 +142,28 @@ padding: 10px; background-color: colors.$content-frame-background; box-shadow: 2px 2px 0 colors.$shadow; + + &.multi-entry ul.value { + margin: 0; + padding: 0; + list-style-type: none; + + li { + padding: 0; + + .type { + display: inline-block; + margin: 0 1em 0 0; + color: colors.$page-text-secondary; + font-style: italic; + } + + .value { + display: inline-block; + float: right; + } + } + } } } diff --git a/fiches/templates/fiches/fiche.html b/fiches/templates/fiches/fiche.html index 2eb0b17..7bf69fc 100644 --- a/fiches/templates/fiches/fiche.html +++ b/fiches/templates/fiches/fiche.html @@ -21,60 +21,76 @@
{% if profile.pronoun %} -

+

{% trans "Pronom(s) utilisé(s)" %} {{ profile.pronoun }} -

+
{% endif %} {% if profile.department.exists %} -

+

{% trans "Département" %}{{ profile.department.count|pluralize }} {% for dep in profile.department.all %}{{ dep }}{% if not forloop.last %}, {% endif %}{% endfor %} -

+
{% endif %} {% if profile.birth_date %} -

+

{% trans "Date de naissance" %} {{ profile.birth_date }} -

+
{% endif %} {% if profile.thurne %} -

+

{% trans "Thurne" %} {{ profile.thurne }} -

+
{% endif %} {% if profile.phone_set.exists %} -

+

{% trans "Téléphone" %}{{ profile.phone_set.count|pluralize }} - {% for p in profile.phone_set.all %}{{ p }}{% if not forloop.last %},
{% endif %}{% endfor %}
-

+ +
{% endif %} {% if profile.social_set.exists %} -

+

{{ profile.social_set.count|pluralize:_("Réseau social,Réseaux sociaux") }} - {% for p in profile.social_set.all %}{{ p }}{% if not forloop.last %},
{% endif %}{% endfor %}
-

+ +
{% endif %} {% if profile.mail_set.exists %} -

+

{{ profile.mail_set.count|pluralize:_("Mail,Mails") }} - {% for p in profile.mail_set.all %}{{ p }}{% if not forloop.last %},
{% endif %}{% endfor %}
-

+ +
{% endif %} {% if profile.address_set.exists %} -

+

{{ profile.address_set.count|pluralize:_("Adresse,Adresses") }} - {% for p in profile.address_set.all %}{{ p }}{% if not forloop.last %},
{% endif %}{% endfor %}
-

+ +
{% endif %}