feat(i18n): update 'acknowledgeHelp' translations and enhance UI interaction
All checks were successful
Deploy to production / deploy (push) Successful in 2m56s

- Added new translations for 'maintenance', 'affection', and 'breakup' in Cebuano, German, English, and Spanish to provide users with comprehensive context regarding relationship dynamics.
- Refactored the FamilyView component to utilize a details element for the 'acknowledgeHelp' section, improving user interaction and readability.
- Enhanced styling for the summary element to improve visibility and user engagement.
This commit is contained in:
Torsten Schulz (local)
2026-04-13 11:41:17 +02:00
parent e2f4b255ff
commit ba72d4fb74
5 changed files with 26 additions and 3 deletions

View File

@@ -342,11 +342,16 @@
<!-- Liebhaber / Geliebte -->
<div class="lovers-section">
<h3>{{ $t('falukant.family.lovers.title') }}</h3>
<div class="lovers-acknowledge-help">
<strong>{{ $t('falukant.family.lovers.acknowledgeHelp.title') }}</strong>
<details class="lovers-acknowledge-help">
<summary class="lovers-acknowledge-help__summary">
{{ $t('falukant.family.lovers.acknowledgeHelp.title') }}
</summary>
<p>{{ $t('falukant.family.lovers.acknowledgeHelp.meaning') }}</p>
<p>{{ $t('falukant.family.lovers.acknowledgeHelp.maintenance') }}</p>
<p>{{ $t('falukant.family.lovers.acknowledgeHelp.affection') }}</p>
<p>{{ $t('falukant.family.lovers.acknowledgeHelp.breakup') }}</p>
<p>{{ $t('falukant.family.lovers.acknowledgeHelp.tradeoff') }}</p>
</div>
</details>
<p v-if="politicalFreeLoverSlots > 0" class="lovers-political-hint">
{{ $t('falukant.family.lovers.politicalFreeSlotsHint', { count: politicalFreeLoverSlots }) }}
</p>
@@ -1564,6 +1569,12 @@ export default {
margin-bottom: 4px;
}
.lovers-acknowledge-help__summary {
cursor: pointer;
font-weight: 700;
margin-bottom: 4px;
}
.lovers-acknowledge-help p {
margin: 4px 0;
color: var(--color-text-secondary);