From 5858b140712e296e72189d95f4ca9a6dee7f7cfb Mon Sep 17 00:00:00 2001
From: Shllokkk <shllokosan23@gmail.com>
Date: Fri, 24 Apr 2026 12:41:13 +0530
Subject: [PATCH] fix: styling in trial_balance.html and print format

---
 .../trial_balance_standard.json                     |  4 ++--
 .../report/trial_balance/trial_balance.html         | 13 +++++++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/erpnext/accounts/print_format/trial_balance_standard/trial_balance_standard.json b/erpnext/accounts/print_format/trial_balance_standard/trial_balance_standard.json
index 7c6521e79df..019f59be876 100644
--- a/erpnext/accounts/print_format/trial_balance_standard/trial_balance_standard.json
+++ b/erpnext/accounts/print_format/trial_balance_standard/trial_balance_standard.json
@@ -8,14 +8,14 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%\n\tconst report_columns = report\n\t\t.get_columns_for_print()\n\t\t.filter(col => !col.hidden);\n\n\tif (report_columns.length > 8) {\n\t\tfrappe.throw(\n\t\t\t__(\"Too many columns. Export the report and print it using a spreadsheet application.\")\n\t\t);\n\t}\n%}\n\n<style>\n\tbody, html {\n\t\tmargin-top: 10px;\n\t\tpadding: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tfont-family: Inter, sans-serif;\n\t\tfont-size: 14px;\n\t\tline-height: 21px;\n\t\tcolor: #171717;\n\t}\n\n\t.title-letter-spacing {\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcolor: #171717;\n\t}\n\n\t.financial-statements-important td { font-weight: bold; }\n\t.financial-statements-blank-row td { height: 20px; }\n\n\t.report-meta {\n\t\tmargin: 10px 0 14px;\n\t\tpadding: 8px 10px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tfont-size: 14px;\n\t}\n\n\t.report-meta .left,\n\t.report-meta .right {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.report-meta strong {\n\t\tcolor: #7c7c7c;\n\t\tfont-weight: 500;\n\t}\n\n\t.text-center { text-align: center; }\n\t.text-right { \n\t\ttext-align: right; \n\t\tfont-variant-numeric: tabular-nums; \n\t}\n\t.text-left { text-align: left; }\n\t.text-bold { font-weight: 700; }\n\n\t.report-table table {\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t\tborder-collapse: collapse;\n\t}\n\n\t.report-table th,\n\t.report-table td {\n\t\tpadding: 6px 8px;\n\t\tfont-size: 14px;\n\t\tborder-top: 1px solid #ededed;\n\t\tborder-bottom: 1px solid #ededed;\n\t}\n\n\t.report-table thead th {\n\t\tbackground: #f8f8f8;\n\t\tfont-weight: 500;\n\t\tcolor: #7c7c7c;\n\t}\n\n\t.report-table tbody td {\n\t\tvertical-align: top;\n\t\tword-wrap: break-word;\n\t}\n\n\t.report-table thead th:first-child {\n\t\tborder-left: 1px solid #ededed;\n\t}\n\n\t.report-table thead th:last-child {\n\t\tborder-right: 1px solid #ededed;\n\t}\n\n\t.report-table tbody tr:last-child td {\n\t\tborder-bottom: none;\n\t}\n\n\t@media print {\n\t\t@page {\n\t\t\tsize: A4;\n\t\t\tmargin-top: 10mm;\n\t\t}\n\t\tthead { display: table-header-group; }\n\t\ttr { page-break-inside: avoid; }\n\t}\n</style>\n\n<div>\n\n\t<div class=\"text-center\" style=\"margin-bottom: 12px;\">\n\t\t<div class=\"title-letter-spacing\">\n\t\t\t{%= __(report.report_name) %}\n\t\t</div>\n\t</div>\n\n\t<div class=\"report-meta\">\n\t\t<div class=\"left\">\n\t\t\t<div>\n\t\t\t\t<strong>{%= __(\"Company\") %}:</strong> {%= filters.company %}\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<strong>{%= __(\"Currency\") %}:</strong>\n\t\t\t\t{%= filters.presentation_currency || erpnext.get_currency(filters.company) %}\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"right text-right\">\n\t\t\t<div>\n\t\t\t\t<strong>{%= __(\"From Date\") %}:</strong> \n\t\t\t\t{%= frappe.datetime.str_to_user(filters.from_date) %}\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<strong>{%= __(\"To Date\") %}:</strong> \n\t\t\t\t{%= frappe.datetime.str_to_user(filters.to_date) %}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t<div class=\"report-table\">\n    \t<table>\n    \t\t<thead>\n    \t\t\t<tr>\n    \t\t\t\t{% for (let i = 0, l = report_columns.length; i < l; i++) { %}\n    \t\t\t\t\t{%\n    \t\t\t\t\t\tconst col = report_columns[i];\n    \t\t\t\t\t\tconst align = i === 0 ? \"text-left\" : \"text-right\";\n    \t\t\t\t\t\tconst styling = i === 0 ? \"\" : \"width: 9em\";\n    \t\t\t\t\t%}\n    \t\t\t\t\t<th class=\"{%= align %}\" style= \"{%= styling%}\">\n    \t\t\t\t\t\t{%= col.label %}\n    \t\t\t\t\t</th>\n    \t\t\t\t{% } %}\n    \t\t\t</tr>\n    \t\t</thead>\n    \n    \t\t<tbody>\n    \t\t\t{% for (let j = 0, k = data.length; j < k; j++) { %}\n    \t\t\t\t{%\n    \t\t\t\t\tconst row = data[j];\n    \n    \t\t\t\t\tlet row_class = \"\";\n    \t\t\t\t\tif (!(row.parent_account || row.parent_section)) {\n    \t\t\t\t\t\trow_class = \"financial-statements-important\";\n    \t\t\t\t\t}\n    \t\t\t\t\tif (!(row.account_name || row.section)) {\n    \t\t\t\t\t\trow_class += \" financial-statements-blank-row\";\n    \t\t\t\t\t}\n    \t\t\t\t%}\n    \n    \t\t\t\t<tr class=\"{%= row_class %}\">\n    \t\t\t\t\t{% for (let i = 0, l = report_columns.length; i < l; i++) { %}\n    \t\t\t\t\t\t{%\n    \t\t\t\t\t\t\tconst col = report_columns[i];\n    \t\t\t\t\t\t\tconst value = row[col.fieldname];\n    \t\t\t\t\t\t\tconst align = i === 0 ? \"text-left\" : \"text-right\";\n    \t\t\t\t\t\t%}\n    \n    \t\t\t\t\t\t<td class=\"{%= align %}\">\n    \t\t\t\t\t\t\t{% if (i === 0) { %}\n    \t\t\t\t\t\t\t\t<span style=\"padding-left: {%= cint(row.indent) * 2 %}em\">\n    \t\t\t\t\t\t\t\t\t{%= String(row.account_name || row.section || \"\").replace(/^['\"]|['\"]$/g, \"\") %}\n    \t\t\t\t\t\t\t\t</span>\n    \t\t\t\t\t\t\t{% } else if (!is_null(value)) { %}\n    \t\t\t\t\t\t\t\t{%= frappe.format(value, col, {}, row) %}\n    \t\t\t\t\t\t\t{% } %}\n    \t\t\t\t\t\t</td>\n    \t\t\t\t\t{% } %}\n    \t\t\t\t</tr>\n    \t\t\t{% } %}\n    \t\t</tbody>\n    \t</table>\n    </div>\n\n\t<p class=\"text-right text-muted\">\n\t\t{%= __(\"Printed on {0}\", [\n\t\t\tfrappe.datetime.str_to_user(frappe.datetime.get_datetime_as_string())\n\t\t]) %}\n\t</p>\n\n</div>",
+ "html": "{%\n\tconst report_columns = report\n\t\t.get_columns_for_print()\n\t\t.filter(col => !col.hidden);\n\n\tif (report_columns.length > 8) {\n\t\tfrappe.throw(\n\t\t\t__(\"Too many columns. Export the report and print it using a spreadsheet application.\")\n\t\t);\n\t}\n%}\n\n<style>\n\tbody, html {\n\t\tmargin-top: 10px;\n\t\tpadding: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tfont-family: Inter, sans-serif;\n\t\tfont-size: 14px;\n\t\tline-height: 21px;\n\t\tcolor: #171717;\n\t}\n\n\t.title-letter-spacing {\n\t\tfont-size: 15px;\n\t\tfont-weight: 600;\n\t\tcolor: #171717;\n\t}\n\n\t.financial-statements-important td { font-weight: bold; }\n\t.financial-statements-blank-row td { height: 20px; }\n\n\t.report-meta {\n\t\tmargin: 10px 0 14px;\n\t\tpadding: 8px 10px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tfont-size: 14px;\n\t}\n\n\t.report-meta .left,\n\t.report-meta .right {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.report-meta strong {\n\t\tcolor: #7c7c7c;\n\t\tfont-weight: 500;\n\t}\n\n\t.report-subtitle {\n\t\tmargin: 10px 0 14px;\n\t}\n\n\t.text-center { text-align: center; }\n\n\t.text-right {\n\t\ttext-align: right;\n\t\tfont-variant-numeric: tabular-nums;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.text-left { text-align: left; }\n\t.text-bold { font-weight: 700; }\n\n\t.report-table table {\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t\tborder-collapse: collapse;\n\t}\n\n\t.report-table th,\n\t.report-table td {\n\t\tpadding: 6px 8px;\n\t\tfont-size: 14px;\n\t\tborder-top: 1px solid #ededed;\n\t\tborder-bottom: 1px solid #ededed;\n\t}\n\n\t.report-table thead th {\n\t\tbackground: #f8f8f8;\n\t\tfont-weight: 500;\n\t\tcolor: #7c7c7c;\n\t}\n\n\t.report-table tbody td.text-left {\n\t\tvertical-align: top;\n\t\tword-wrap: break-word;\n\t}\n\n\t.report-table thead th:first-child {\n\t\tborder-left: 1px solid #ededed;\n\t}\n\n\t.report-table thead th:last-child {\n\t\tborder-right: 1px solid #ededed;\n\t}\n\n\t.report-table tbody tr:last-child td {\n\t\tborder-bottom: none;\n\t}\n\n\t@media print {\n\t\t@page {\n\t\t\tsize: A4;\n\t\t\tmargin-top: 10mm;\n\t\t}\n\t\tthead { display: table-header-group; }\n\t\ttr { page-break-inside: avoid; }\n\t}\n</style>\n\n<div>\n\n\t<div class=\"text-center\" style=\"margin-bottom: 12px;\">\n\t\t<div class=\"title-letter-spacing\">\n\t\t\t{%= __(report.report_name) %}\n\t\t</div>\n\t</div>\n\n    {% if (subtitle && subtitle.trim()) { %}\n        <div class=\"report-subtitle\">\n            {{ subtitle }}\n        </div>\n    {% } else { %}\n        <div class=\"report-meta\">\n            <div class=\"left\">\n                <div>\n                    <strong>{%= __(\"Company\") %}:</strong> {%= filters.company %}\n                </div>\n                <div>\n                    <strong>{%= __(\"Currency\") %}:</strong>\n                    {%= filters.presentation_currency || erpnext.get_currency(filters.company) %}\n                </div>\n            </div>\n\n            <div class=\"right text-right\">\n                <div>\n                    <strong>{%= __(\"From Date\") %}:</strong>\n                    {%= frappe.datetime.str_to_user(filters.from_date) %}\n                </div>\n                <div>\n                    <strong>{%= __(\"To Date\") %}:</strong>\n                    {%= frappe.datetime.str_to_user(filters.to_date) %}\n                </div>\n            </div>\n        </div>\n    {% } %}\n\n\t<div class=\"report-table\">\n    \t<table>\n    \t\t<thead>\n    \t\t\t<tr>\n    \t\t\t\t{% for (let i = 0, l = report_columns.length; i < l; i++) { %}\n    \t\t\t\t\t{%\n    \t\t\t\t\t\tconst col = report_columns[i];\n    \t\t\t\t\t\tconst align = i === 0 ? \"text-left\" : \"text-right\";\n    \t\t\t\t\t\tconst styling = i === 0 ? \"\" : \"width: 9em\";\n    \t\t\t\t\t%}\n    \t\t\t\t\t<th class=\"{%= align %}\" style= \"{%= styling%}\">\n    \t\t\t\t\t\t{%= col.label %}\n    \t\t\t\t\t</th>\n    \t\t\t\t{% } %}\n    \t\t\t</tr>\n    \t\t</thead>\n\n    \t\t<tbody>\n    \t\t\t{% for (let j = 0, k = data.length; j < k; j++) { %}\n    \t\t\t\t{%\n    \t\t\t\t\tconst row = data[j];\n\n    \t\t\t\t\tlet row_class = \"\";\n    \t\t\t\t\tif (!(row.parent_account || row.parent_section)) {\n    \t\t\t\t\t\trow_class = \"financial-statements-important\";\n    \t\t\t\t\t}\n    \t\t\t\t\tif (!(row.account_name || row.section)) {\n    \t\t\t\t\t\trow_class += \" financial-statements-blank-row\";\n    \t\t\t\t\t}\n    \t\t\t\t%}\n\n    \t\t\t\t<tr class=\"{%= row_class %}\">\n    \t\t\t\t\t{% for (let i = 0, l = report_columns.length; i < l; i++) { %}\n    \t\t\t\t\t\t{%\n    \t\t\t\t\t\t\tconst col = report_columns[i];\n    \t\t\t\t\t\t\tconst value = row[col.fieldname];\n    \t\t\t\t\t\t\tconst align = i === 0 ? \"text-left\" : \"text-right\";\n    \t\t\t\t\t\t%}\n\n    \t\t\t\t\t\t<td class=\"{%= align %}\">\n    \t\t\t\t\t\t\t{% if (i === 0) { %}\n    \t\t\t\t\t\t\t\t<span style=\"padding-left: {%= cint(row.indent) * 2 %}em\">\n    \t\t\t\t\t\t\t\t\t{%= String(row.account_name || row.section || \"\").replace(/^['\"]|['\"]$/g, \"\") %}\n    \t\t\t\t\t\t\t\t</span>\n    \t\t\t\t\t\t\t{% } else if (!is_null(value)) { %}\n    \t\t\t\t\t\t\t\t{%= frappe.format(value, col, {}, row) %}\n    \t\t\t\t\t\t\t{% } %}\n    \t\t\t\t\t\t</td>\n    \t\t\t\t\t{% } %}\n    \t\t\t\t</tr>\n    \t\t\t{% } %}\n    \t\t</tbody>\n    \t</table>\n    </div>\n\n\t<p class=\"text-right text-muted\">\n\t\t{%= __(\"Printed on {0}\", [\n\t\t\tfrappe.datetime.str_to_user(frappe.datetime.get_datetime_as_string())\n\t\t]) %}\n\t</p>\n\n</div>",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
  "margin_left": 15.0,
  "margin_right": 15.0,
  "margin_top": 15.0,
- "modified": "2026-03-31 17:26:50.930090",
+ "modified": "2026-04-24 12:40:37.484173",
  "modified_by": "Administrator",
  "module": "Accounts",
  "name": "Trial Balance Standard",
diff --git a/erpnext/accounts/report/trial_balance/trial_balance.html b/erpnext/accounts/report/trial_balance/trial_balance.html
index be3fa7a205b..f3f029abcdd 100644
--- a/erpnext/accounts/report/trial_balance/trial_balance.html
+++ b/erpnext/accounts/report/trial_balance/trial_balance.html
@@ -50,15 +50,20 @@
 		font-weight: 500;
 	}
 
-    .report-subtitle {
-        margin: 10px 0 14px;
-    }
+	.report-subtitle {
+		margin: 10px 0 14px;
+	}
 
 	.text-center { text-align: center; }
+
 	.text-right {
 		text-align: right;
 		font-variant-numeric: tabular-nums;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
+
 	.text-left { text-align: left; }
 	.text-bold { font-weight: 700; }
 
@@ -82,7 +87,7 @@
 		color: #7c7c7c;
 	}
 
-	.report-table tbody td {
+	.report-table tbody td.text-left {
 		vertical-align: top;
 		word-wrap: break-word;
 	}