Skip to content

Commit

Permalink
Make anonymous option show tooltip
Browse files Browse the repository at this point in the history
- uses the new RadioFieldHelpText component with a slot
- the slot name needs to be #tooltip-4 (4 = anonymous option)

https://phabricator.wikimedia.org/T368525
  • Loading branch information
moiikana committed Sep 4, 2024
1 parent 47d5d5b commit fea3999
Showing 1 changed file with 5 additions and 4 deletions.
9 changes: 5 additions & 4 deletions src/components/pages/donation_form/AddressTypeBasic.vue
Original file line number Diff line number Diff line change
Expand Up @@ -26,10 +26,10 @@
v-model="addressType"
alignment="column"
>
<template #intro-message>
<div v-show="isDirectDebit" class="form-field-intro">
{{ $t( 'donation_form_address_choice_direct_debit_disclaimer_addresstype_basic' ) }}
</div>
<template #tooltip-4>
<RadioFieldHelpText v-if="isDirectDebit">
{{ $t( 'donation_form_address_choice_direct_debit_disclaimer_addresstype_basic') }}
</RadioFieldHelpText>
</template>
</RadioField>

Expand All @@ -40,6 +40,7 @@
import RadioField from '@src/components/shared/form_fields/RadioField.vue';
import { AddressTypeModel } from '@src/view_models/AddressTypeModel';
import { ref, watch } from 'vue';
import RadioFieldHelpText from '@src/components/shared/form_elements/RadioFieldTooltip.vue';
interface Props {
disabledAddressTypes: AddressTypeModel[]
Expand Down

0 comments on commit fea3999

Please sign in to comment.