didirus/AstralRinth
5
11
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 15 Wiki Activity

fix: table i18n bug (#6129)

Browse Source
This commit is contained in:
Calum H.
2026-05-18 15:53:25 +01:00
committed by GitHub
parent 6479eca0e9
commit 3f2e76ae7e
4 changed files with 105 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/layouts/shared/files-tab/components/FileTableHeader.vue
+4 -4
View File
@@ -38,7 +38,7 @@
:class="sortField === 'size' ? 'text-contrast' : 'text-secondary'"
@click="$emit('sort', 'size')"
>
<span class="ml-2">{{ formatMessage(messages.size) }}</span>
<span>{{ formatMessage(messages.size) }}</span>
<ChevronUpIcon
v-if="sortField === 'size' && !sortDesc"
class="h-4 w-4"
@@ -55,7 +55,7 @@
:class="sortField === 'created' ? 'text-contrast' : 'text-secondary'"
@click="$emit('sort', 'created')"
>
<span class="ml-2">{{ formatMessage(messages.created) }}</span>
<span>{{ formatMessage(messages.created) }}</span>
<ChevronUpIcon
v-if="sortField === 'created' && !sortDesc"
class="h-4 w-4"
@@ -72,7 +72,7 @@
:class="sortField === 'modified' ? 'text-contrast' : 'text-secondary'"
@click="$emit('sort', 'modified')"
>
<span class="ml-2">{{ formatMessage(messages.modified) }}</span>
<span>{{ formatMessage(messages.modified) }}</span>
<ChevronUpIcon
v-if="sortField === 'modified' && !sortDesc"
class="h-4 w-4"
@@ -84,7 +84,7 @@
aria-hidden="true"
/>
</button>
<span class="min-w-[51px] shrink-0 text-right font-semibold text-secondary">{{
<span class="min-w-[51px] shrink-0 text-nowrap text-right font-semibold text-secondary">{{
formatMessage(commonMessages.actionsLabel)
}}</span>
</div>
packages/ui/src/layouts/shared/files-tab/components/FileTableRow.vue
+43 -35
View File
@@ -42,41 +42,49 @@
<span class="hidden w-[160px] text-nowrap text-sm text-secondary @[800px]:block">
{{ formattedModifiedDate }}
</span>
<div class="flex min-w-[51px] shrink-0 items-center justify-end">
<ButtonStyled circular type="transparent">
<TeleportOverflowMenu :options="menuOptions">
<MoreHorizontalIcon class="h-5 w-5 bg-transparent" />
<template #copy-filename
><ClipboardCopyIcon />
{{ formatMessage(commonMessages.copyFilenameButton) }}</template
>
<template #copy-full-path
><ClipboardCopyIcon />
{{ formatMessage(commonMessages.copyFullPathButton) }}</template
>
<template #open-in-folder
><FolderOpenIcon /> {{ formatMessage(commonMessages.openInFolderButton) }}</template
>
<template #extract
><PackageOpenIcon /> {{ formatMessage(commonMessages.extractButton) }}</template
>
<template #rename
><EditIcon /> {{ formatMessage(commonMessages.renameButton) }}</template
>
<template #move
><RightArrowIcon /> {{ formatMessage(commonMessages.moveButton) }}</template
>
<template #download
><DownloadIcon />
{{
ctx.downloadButtonLabel ?? formatMessage(commonMessages.downloadButton)
}}</template
>
<template #delete
><TrashIcon /> {{ formatMessage(commonMessages.deleteLabel) }}</template
>
</TeleportOverflowMenu>
</ButtonStyled>
<div class="grid min-w-[51px] shrink-0 items-center justify-items-end">
<span
aria-hidden="true"
class="invisible col-start-1 row-start-1 text-nowrap font-semibold"
>
{{ formatMessage(commonMessages.actionsLabel) }}
</span>
<div class="col-start-1 row-start-1 flex justify-end">
<ButtonStyled circular type="transparent">
<TeleportOverflowMenu :options="menuOptions">
<MoreHorizontalIcon class="h-5 w-5 bg-transparent" />
<template #copy-filename
><ClipboardCopyIcon />
{{ formatMessage(commonMessages.copyFilenameButton) }}</template
>
<template #copy-full-path
><ClipboardCopyIcon />
{{ formatMessage(commonMessages.copyFullPathButton) }}</template
>
<template #open-in-folder
><FolderOpenIcon /> {{ formatMessage(commonMessages.openInFolderButton) }}</template
>
<template #extract
><PackageOpenIcon /> {{ formatMessage(commonMessages.extractButton) }}</template
>
<template #rename
><EditIcon /> {{ formatMessage(commonMessages.renameButton) }}</template
>
<template #move
><RightArrowIcon /> {{ formatMessage(commonMessages.moveButton) }}</template
>
<template #download
><DownloadIcon />
{{
ctx.downloadButtonLabel ?? formatMessage(commonMessages.downloadButton)
}}</template
>
<template #delete
><TrashIcon /> {{ formatMessage(commonMessages.deleteLabel) }}</template
>
</TeleportOverflowMenu>
</ButtonStyled>
</div>
</div>
</div>
</li>