Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

Align address detail button style with banner context buttons

Browse Source
This commit is contained in:
Mathieu Jaumotte 2023-04-21 18:05:29 +02:00
parent 01f2697b8d
commit 7cb7897e12
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddressDetails/AddressDetailsButton.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<span v-if="data.working_ref_status === 'to_review'" class="badge bg-danger address-details-button-warning">L'adresse de référence a été modifiée</span> <span v-if="data.working_ref_status === 'to_review'" class="badge bg-danger address-details-button-warning">L'adresse de référence a été modifiée</span>
<a v-if="data.loading === false" @click.prevent="clickOrOpen" class="btn btn-sm btn-misc"> <a v-if="data.loading === false" @click.prevent="clickOrOpen" class="btn btn-misc address-details-button">
<span class="fa fa-map address-details-button"></span> <span class="fa fa-map"></span> <!-- button -->
</a> </a>
<span v-if="data.loading" class="fa fa-spin fa-spinner "></span> <span v-if="data.loading" class="fa fa-spin fa-spinner "></span>
<AddressModal :address="data.working_address" @update-address="onUpdateAddress" ref="address_modal"></AddressModal> <AddressModal :address="data.working_address" @update-address="onUpdateAddress" ref="address_modal"></AddressModal>

36
src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
View File

@ -14,6 +14,28 @@
@import './scss/person_by_phonenumber.scss'; @import './scss/person_by_phonenumber.scss';
@import './scss/address_history.scss'; @import './scss/address_history.scss';
/*
* Mixins
*/
@mixin context_buttons ($context) {
.address-details-button,
.household-link {
border: 1px solid white;
background-color: transparent;
width: 1.85rem;
height: 1.85rem;
font-size: 75%;
padding: .38rem;
border-radius: 5px;
color: white;
cursor: pointer;
&:hover {
background-color: white;
color: $context
}
}
}
/* /*
* PERSON CONTEXT * PERSON CONTEXT
@ -39,17 +61,7 @@ div.banner {
margin-right: 1em; margin-right: 1em;
} }
} }
.household-link { @include context_buttons($chill-person-context);
border: 1px solid white;
padding: .05rem .3rem;
border-radius: 5px;
color: white;
cursor: pointer;
&:hover {
background-color: white;
color: $chill-person-context
}
}
} }
} }
@ -219,6 +231,8 @@ div.banner {
font-weight: 700; font-weight: 700;
font-weight: bold; font-weight: bold;
} }
@include context_buttons($chill-household-context);
} }
} }

5
src/Bundle/ChillPersonBundle/Resources/views/Person/banner.html.twig
View File

@ -60,8 +60,9 @@
{%- endif -%} {%- endif -%}
{% if person.getCurrentHousehold is not null %} {% if person.getCurrentHousehold is not null %}
<span> <span>
<a class="household-link" href="{{ chill_path_add_return_path('chill_person_household_summary', { 'household_id' : person.getCurrentHousehold.id } ) }}"> <a href="{{ chill_path_add_return_path('chill_person_household_summary', { 'household_id' : person.getCurrentHousehold.id } ) }}"
<i class="fa fa-home"></i> class="btn household-link" title="{{ 'Show household'|trans }}">
<i class="fa fa-lg fa-home"></i>
</a> </a>
</span> </span>
{% endif %} {% endif %}