show ellipsis when the time zone text is too long

2025-12-20 22:15:45 +08:00
parent b37450db15
commit 931d5e8395
1 changed files with 9 additions and 2 deletions
@@ -39,11 +39,18 @@
            <f7-list-item :title="tt('Text Size')" link="/settings/textsize"></f7-list-item>

            <f7-list-item
+                class="item-truncate-after-text"
                link="#"
-                :title="tt('Timezone')"
-                :after="currentTimezoneName"
                @click="showTimezonePopup = true"
            >
+                <template #after-title>
+                    <div class="item-actual-title">
+                        <span>{{ tt('Timezone') }}</span>
+                    </div>
+                </template>
+                <template #after>
+                    {{ currentTimezoneName }}
+                </template>
                <list-item-selection-popup value-type="item"
                                           key-field="name" value-field="name"
                                           title-field="displayNameWithUtcOffset"