Fix horizontal scrolling in transaction list with overflow-hidden
All checks were successful
check / check (push) Successful in 14s

This commit is contained in:
2026-02-26 02:26:43 +07:00
parent 9c80dbccf4
commit 3eeaa7a7b2

View File

@@ -107,7 +107,7 @@ function renderTransactions(txs) {
const row = document.createElement("div");
row.className =
"py-2 border-b border-border-light text-xs cursor-pointer hover:bg-hover";
"py-2 border-b border-border-light text-xs cursor-pointer hover:bg-hover overflow-hidden";
if (errorStyle) row.style.cssText = errorStyle;
const line1 = document.createElement("div");
@@ -124,9 +124,9 @@ function renderTransactions(txs) {
const amountStr = tx.value + " " + tx.symbol;
const line2 = document.createElement("div");
line2.className = "flex justify-between";
line2.className = "flex justify-between min-w-0";
const addr = document.createElement("span");
addr.className = "pr-2";
addr.className = "pr-2 overflow-hidden";
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
addr.textContent = truncateMiddle(counterparty, maxAddr);
addr.title = counterparty;