make badge-thirdparty as badge person, with just different color

This commit is contained in:
Mathieu Jaumotte 2021-08-22 20:47:08 +02:00
parent bbc3399e19
commit a0b914380b
2 changed files with 14 additions and 6 deletions

View File

@ -27,17 +27,25 @@
} }
} }
// specific chill badge for persons // specific chill badges
span.badge-person { span.badge-person,
span.badge-thirdparty {
display: inline-block; display: inline-block;
padding: 0 0.5em !important; padding: 0 0.5em !important;
background-color: $white; background-color: $white;
color: $dark; color: $dark;
border: 1px solid $chill-ll-gray; border: 1px solid $chill-ll-gray;
border-bottom: 2px solid $chill-green; border-bottom-width: 2px;
border-bottom-style: solid;
border-radius: 6px; border-radius: 6px;
a { a {
text-decoration: none; text-decoration: none;
} }
} }
span.badge-person {
border-bottom-color: $chill-green;
}
// todo: move in thirdparty
span.badge-thirdparty {
border-bottom-color: shade-color($chill-pink, 10%);
}

View File

@ -65,10 +65,10 @@
<div class="wl-col title"><h3>{{ 'Requestor'|trans }}</h3></div> <div class="wl-col title"><h3>{{ 'Requestor'|trans }}</h3></div>
<div class="wl-col list"> <div class="wl-col list">
{% if accompanying_period.requestorPerson is not null %} {% if accompanying_period.requestorPerson is not null %}
<span class="wl-item">{{ accompanying_period.requestorPerson|chill_entity_render_string }}</span> <span class="wl-item badge-person">{{ accompanying_period.requestorPerson|chill_entity_render_string }}</span>
{% endif %} {% endif %}
{% if accompanying_period.requestorThirdParty is not null %} {% if accompanying_period.requestorThirdParty is not null %}
<span class="wl-item">{{ accompanying_period.requestorThirdParty|chill_entity_render_string }}</span> <span class="wl-item badge-thirdparty">{{ accompanying_period.requestorThirdParty|chill_entity_render_string }}</span>
{% endif %} {% endif %}
</div> </div>
</div> </div>