Fix tx list overflow: add min-w-0 to truncatable flex children
Some checks failed
check / check (push) Has been cancelled
Some checks failed
check / check (push) Has been cancelled
This commit is contained in:
@@ -111,9 +111,9 @@ function renderTransactions(txs) {
|
||||
if (errorStyle) row.style.cssText = errorStyle;
|
||||
|
||||
const line1 = document.createElement("div");
|
||||
line1.className = "flex justify-between";
|
||||
line1.className = "flex justify-between overflow-hidden";
|
||||
const age = document.createElement("span");
|
||||
age.className = "text-muted truncate";
|
||||
age.className = "text-muted min-w-0 truncate";
|
||||
age.textContent = timeAgo(tx.timestamp);
|
||||
age.title = isoDate(tx.timestamp);
|
||||
const dir = document.createElement("span");
|
||||
@@ -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 overflow-hidden";
|
||||
const addr = document.createElement("span");
|
||||
addr.className = "truncate";
|
||||
addr.className = "min-w-0 truncate";
|
||||
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
|
||||
addr.textContent = truncateMiddle(counterparty, maxAddr);
|
||||
addr.title = counterparty;
|
||||
|
||||
Reference in New Issue
Block a user