feat(i18n): update 'acknowledgeHelp' translations and enhance UI interaction
All checks were successful
Deploy to production / deploy (push) Successful in 2m56s
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user