diff --git a/web/pgadmin/browser/server_groups/servers/databases/static/js/database.js b/web/pgadmin/browser/server_groups/servers/databases/static/js/database.js index 30a1ade15f6..cd8f6bcbcdd 100644 --- a/web/pgadmin/browser/server_groups/servers/databases/static/js/database.js +++ b/web/pgadmin/browser/server_groups/servers/databases/static/js/database.js @@ -523,8 +523,7 @@ define('pgadmin.node.database', [ i = item, label = data.label; let disconnect = function() { - d.label = `[Disconnecting...] ${label}`; - t.setLabel(i,{label:d.label}); + t.setLabel(i, {label: `[Disconnecting...] ${label}`, className: 'text-muted'}); t.close(i); let data = d; getApiInstance().delete( diff --git a/web/pgadmin/browser/server_groups/servers/static/js/server.js b/web/pgadmin/browser/server_groups/servers/static/js/server.js index 38549f4fef8..281d48093f3 100644 --- a/web/pgadmin/browser/server_groups/servers/static/js/server.js +++ b/web/pgadmin/browser/server_groups/servers/static/js/server.js @@ -822,8 +822,7 @@ define('pgadmin.node.server', [ label = data.label; let disconnect = function() { - d.label = `[Disconnecting...] ${label}`; - t.setLabel(i,{label:d.label}); + t.setLabel(i, {label: `[Disconnecting...] ${label}`, className: 'text-muted'}); t.close(i); getApiInstance().delete( obj.generate_url(i, 'connect', d, true), diff --git a/web/pgadmin/static/js/components/PgTree/FileTreeX/index.tsx b/web/pgadmin/static/js/components/PgTree/FileTreeX/index.tsx index aebb0f4bee9..a57fc61e338 100644 --- a/web/pgadmin/static/js/components/PgTree/FileTreeX/index.tsx +++ b/web/pgadmin/static/js/components/PgTree/FileTreeX/index.tsx @@ -455,10 +455,15 @@ export class FileTreeX extends React.Component { const label$ = ref.querySelector('span.file-name') as HTMLDivElement; if (label$) { + let className = ''; if (typeof(label) == 'object' && label.label) { + className = label.className ?? ''; label = label.label; } + // Render the label as plain text (never as an HTML string) and apply + // any requested styling via a CSS class instead of embedding markup. label$.textContent = label; + label$.className = 'file-name' + (className ? ' ' + className : ''); } }