applying floatbutton logic on person/thirdparty vue renderbox

This commit is contained in:
Mathieu Jaumotte 2021-09-06 15:49:15 +02:00
parent 1a95b44577
commit 98b0b3beeb
4 changed files with 70 additions and 58 deletions

View File

@ -260,6 +260,8 @@ div.wrap-header {
/*
* FLOATBUTTON
* pas convaincant:
* conflits avec les fa-ul > li, lien non cliquables, text qui ne se place pas correctement
*/
div.floatbutton {
@ -302,6 +304,6 @@ div.floatbutton {
// avoid a position relative that make links unclickable
.fa-ul > li {
position: initial;
//position: initial; // in conflict with picto fa-ul !!
}
}

View File

@ -43,7 +43,7 @@ const appMessages = {
add_persons: "Ajouter des usagers",
date_start_to_end: "Participation du {start} au {end}",
leave_course: "L'usager quitte le parcours",
show_household_number: "Voir le ménage n° {id}",
show_household_number: "Voir le ménage (n° {id})",
show_household: "Voir le ménage"
},
requestor: {

View File

@ -41,6 +41,11 @@
</div>
<div class="item-col">
<div class="floatbutton bottom">
<div class="box">
<div class="action">
<slot name="record-actions"></slot>
</div>
<ul class="list-content fa-ul">
<li v-if="person.current_household_address">
@ -87,8 +92,8 @@
<slot name="custom-zone"></slot>
</ul>
<slot name="record-actions"></slot>
</div>
</div>
</div>
</div>

View File

@ -32,6 +32,11 @@
</div>
<div class="item-col">
<div class="floatbutton bottom">
<div class="box">
<div class="action">
<slot name="record-actions"></slot>
</div>
<ul class="list-content fa-ul">
<li v-if="thirdparty.address">
<i class="fa fa-li fa-map-marker"></i>
@ -45,10 +50,10 @@
<i class="fa fa-li fa-envelope-o"></i>
<a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
</li>
</ul>
</div>
</div>
<slot name="record-actions"></slot>
</div>
</div>
</section>