Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2009 from appwrite/PRO-1878

Browse Source 
Add: tooltip for domain comments
This commit is contained in:
Darshan
2025-06-10 13:01:21 +05:30
committed by GitHub
parent 2de6a1e1ea 047c111dc9
commit 0cf777aed6
1 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+21 -7
View File
@@ -39,12 +39,11 @@
let showDelete = false;
let selectedRecord: Models.DnsRecord = null;
function formatRecordName(name: string) {
const limit = 30;
function formatName(name: string, limit: number = 30) {
return {
value: name.length > limit ? `${name.slice(0, limit)}...` : name,
truncated: name.length > limit,
whole: name
value: name ? (name.length > limit ? `${name.slice(0, limit)}...` : name) : '-',
truncated: name ? name.length > limit : undefined,
whole: name ?? '-'
};
}
</script>
@@ -65,7 +64,7 @@
{#each $columns as column}
<Table.Cell column={column.id} {root}>
{#if column.id === 'name'}
{@const formatted = formatRecordName(record.name)}
{@const formatted = formatName(record.name)}
<Tooltip placement="bottom" disabled={!formatted.truncated}>
<Typography.Text truncate>{formatted.value}</Typography.Text>
<span
@@ -99,7 +98,22 @@
</Typography.Text>
{:else if column.id === 'comment'}
<Typography.Text truncate>
{record?.comment ?? '-'}
{@const formatted = formatName(record?.comment)}
<Tooltip
placement="bottom"
maxWidth="fit-content"
disabled={!formatted.truncated}>
<Typography.Text truncate>{formatted.value}</Typography.Text>
<span
slot="tooltip"
let:showing
style:white-space="pre-wrap"
style:word-break="break-all">
{#if showing}
{formatted.whole}
{/if}
</span>
</Tooltip>
</Typography.Text>
{:else if column.id === '$createdAt'}
<DualTimeView time={record.$createdAt} />